fix: don't highlight component as a parameter in the template (#2732)

Author: jasonlyu123

packages/language-server/src/plugins/typescript/features/SemanticTokensProvider.ts

@@ -12,6 +12,7 @@ import { LSAndTSDocResolver } from '../LSAndTSDocResolver';
 import { convertToTextSpan } from '../utils';
 import { isInGeneratedCode } from './utils';
 import { internalHelpers } from 'svelte2tsx';
+import { TokenType } from '../../../lib/semanticToken/semanticTokenLegend';
 
 const CONTENT_LENGTH_LIMIT = 50000;
 
@@ -133,10 +134,11 @@ export class SemanticTokensProviderImpl implements SemanticTokensProvider {
 
         // Ensure components in the template get no semantic highlighting
         if (
-            (classificationType === 0 ||
-                classificationType === 5 ||
-                classificationType === 7 ||
-                classificationType === 10) &&
+            (classificationType === TokenType.class ||
+                classificationType === TokenType.type ||
+                classificationType === TokenType.parameter ||
+                classificationType === TokenType.variable ||
+                classificationType === TokenType.function) &&
             snapshot.svelteNodeAt(startOffset)?.type === 'InlineComponent' &&
             (document.getText().charCodeAt(startOffset - 1) === /* < */ 60 ||
                 document.getText().charCodeAt(startOffset - 1) === /* / */ 47)