Ignore angular component selectors

src/is-allowed-literal.ts

@@ -1,9 +1,15 @@
 import type { AstPath } from 'prettier';
 
+import isAngularComponentSelector from './is-angular-component-selector.js';
 import isDynamicImport from './is-dynamic-import.js';
 import isImportExport from './is-import-export.js';
 import isProperty from './is-property.js';
 
 export default function (path: AstPath): boolean {
-    return !isImportExport(path) && !isProperty(path) && !isDynamicImport(path);
+    return (
+        !isImportExport(path) &&
+        !isProperty(path) &&
+        !isDynamicImport(path) &&
+        !isAngularComponentSelector(path)
+    );
 }

src/is-angular-component-selector.ts

@@ -0,0 +1,44 @@
+import type { AstPath } from 'prettier';
+
+// TODO https://youtrack.jetbrains.com/issue/WEB-56900/Angular-doesnt-parse-plain-backticks-in-decorators#focus=Comments-27-6392379.0-0
+export default function (path: AstPath): boolean {
+    const [
+        propertyNode,
+        objectExpressionNode,
+        callExpressionNode,
+        decoratorNode,
+        classDeclarationNode,
+    ] = path.ancestors;
+
+    if (
+        propertyNode?.type !== 'Property' ||
+        objectExpressionNode?.type !== 'ObjectExpression' ||
+        callExpressionNode?.type !== 'CallExpression' ||
+        decoratorNode?.type !== 'Decorator' ||
+        classDeclarationNode?.type !== 'ClassDeclaration'
+    ) {
+        return false;
+    }
+
+    {
+        const {
+            key: { type, name },
+        } = propertyNode;
+
+        if (type !== 'Identifier' || name !== 'selector') {
+            return false;
+        }
+    }
+
+    {
+        const {
+            callee: { type, name },
+        } = callExpressionNode;
+
+        if (type !== 'Identifier' || name !== 'Component') {
+            return false;
+        }
+    }
+
+    return true;
+}

test/fixtures/angular-component-selector.ts

@@ -0,0 +1,7 @@
+import {Component} from '@angular/core';
+
+@Component({
+    selector: 'test',
+    templateUrl: 'test.html',
+})
+export class TestComponent {}

test/snapshots/fixture.angular-component-selector.ts.snap

@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "test",
+  templateUrl: `test.html`,
+})
+export class TestComponent {}

test/utils/get-fixtures.ts

@@ -8,7 +8,6 @@ export default async function* (): AsyncGenerator<{
     content: string;
 }> {
     for (const item of await readdir(fixturesDir)) {
-        // for (const item of ['objects.js']) {
         const itemUrl = new URL(item, fixturesDir);
 
         const itemStat = await stat(itemUrl);