Use unique selectors for Angular apps

6 years ago · 14bd816108
parent 3ccdcc98fa
commit 14bd816108
10 changed files with 15 additions and 15 deletions
--- a/apps/gifted-subs/src/app/app.component.ts
+++ b/apps/gifted-subs/src/app/app.component.ts
@ -2,7 +2,7 @@ import { Component } from '@angular/core';


@Component({
-  selector: 'app-root',
+  selector: 'gifted-subs-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
 })
--- a/apps/gifted-subs/src/index.html
+++ b/apps/gifted-subs/src/index.html
@ -3,7 +3,7 @@
 <head>
  <meta charset="utf-8">
  <title>Gifted subs</title>
-  <base href="/gifted-subs/">
+  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@ -12,7 +12,7 @@
 </head>
 <body>
  <section class="mat-typography">
-    <app-root></app-root>
+    <gifted-subs-app></gifted-subs-app>
  </section>
 </body>
 </html>
--- a/apps/quotes/src/app/app.component.ts
+++ b/apps/quotes/src/app/app.component.ts
@ -2,7 +2,7 @@ import { Component } from '@angular/core';


@Component({
-  selector: 'app-root',
+  selector: 'quotes-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
 })
--- a/apps/quotes/src/index.html
+++ b/apps/quotes/src/index.html
@ -3,7 +3,7 @@
 <head>
  <meta charset="utf-8">
  <title>Quotes</title>
-  <base href="/quotes/">
+  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@ -12,7 +12,7 @@
 </head>
 <body>
  <section class="mat-typography">
-    <app-root></app-root>
+    <quotes-app></quotes-app>
  </section>
 </body>
 </html>
--- a/apps/regular-subs/src/app/app.component.ts
+++ b/apps/regular-subs/src/app/app.component.ts
@ -2,7 +2,7 @@ import { Component } from '@angular/core';


@Component({
-  selector: 'app-root',
+  selector: 'regular-subs-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
 })
--- a/apps/regular-subs/src/index.html
+++ b/apps/regular-subs/src/index.html
@ -3,7 +3,7 @@
 <head>
  <meta charset="utf-8">
  <title>Regular subs</title>
-  <base href="/regular-subs/">
+  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@ -12,7 +12,7 @@
 </head>
 <body>
  <section class="mat-typography">
-    <app-root></app-root>
+    <regular-subs-app></regular-subs-app>
  </section>
 </body>
 </html>
--- a/apps/schedule/src/app/app.component.ts
+++ b/apps/schedule/src/app/app.component.ts
@ -2,7 +2,7 @@ import { Component } from '@angular/core';


@Component({
-  selector: 'app-root',
+  selector: 'schedule-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
 })
--- a/apps/schedule/src/index.html
+++ b/apps/schedule/src/index.html
@ -3,7 +3,7 @@
 <head>
  <meta charset="utf-8">
  <title>Livestream Schedule</title>
-  <base href="/schedule/">
+  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@ -12,7 +12,7 @@
 </head>
 <body>
  <section class="mat-typography">
-    <app-root></app-root>
+    <schedule-app></schedule-app>
  </section>
 </body>
 </html>
--- a/apps/twitch-logs/src/app/app.component.ts
+++ b/apps/twitch-logs/src/app/app.component.ts
@ -2,7 +2,7 @@ import { Component } from '@angular/core';


@Component({
-  selector: 'app-root',
+  selector: 'twitch-logs-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
 })
--- a/apps/twitch-logs/src/index.html
+++ b/apps/twitch-logs/src/index.html
@ -3,7 +3,7 @@
 <head>
  <meta charset="utf-8">
  <title>Twitch Logs</title>
-  <base href="/twitch-logs/">
+  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@ -12,7 +12,7 @@
 </head>
 <body>
  <section class="mat-typography">
-    <app-root></app-root>
+    <twitch-logs-app></twitch-logs-app>
  </section>
 </body>
 </html>