fix(@schematics/angular): use styleUrl

The `ng g c` schematic is already using `styleUrl`, but `app.component.ts` was still using `styleUrls`. (cherry picked from commit 47700e3)
angular · Nov 8, 2023 · 731917c · 731917c
1 parent 9bf1980
commit 731917c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/packages/schematics/angular/application/files/module-files/src/app/app.component.ts.template b/packages/schematics/angular/application/files/module-files/src/app/app.component.ts.template
@@ -11,7 +11,7 @@ import { Component } from '@angular/core';
   `,<% } else { %>
   templateUrl: './app.component.html',<% } if(inlineStyle) { %>
   styles: []<% } else { %>
-  styleUrls: ['./app.component.<%= style %>']<% } %>
+  styleUrl: './app.component.<%= style %>'<% } %>
 })
 export class AppComponent {
   title = '<%= name %>';

diff --git a/...s/schematics/angular/application/files/standalone-files/src/app/app.component.ts.template b/...s/schematics/angular/application/files/standalone-files/src/app/app.component.ts.template
@@ -15,7 +15,7 @@ import { RouterOutlet } from '@angular/router';<% } %>
   `,<% } else { %>
   templateUrl: './app.component.html',<% } if(inlineStyle) { %>
   styles: [],<% } else { %>
-  styleUrls: ['./app.component.<%= style %>']<% } %>
+  styleUrl: './app.component.<%= style %>'<% } %>
 })
 export class AppComponent {
   title = '<%= name %>';

diff --git a/tests/legacy-cli/e2e/tests/build/styles/include-paths.ts b/tests/legacy-cli/e2e/tests/build/styles/include-paths.ts
@@ -27,8 +27,8 @@ export default async function () {
 
   await replaceInFile(
     'src/app/app.component.ts',
-    `'./app.component.css\'`,
-    `'./app.component.scss', './app.component.less'`,
+    `styleUrl: './app.component.css\'`,
+    `styleUrls: ['./app.component.scss', './app.component.less']`,
   );
 
   await updateJsonFile('angular.json', (workspaceJson) => {