fix(component-meta): forceUseTs options not working

Author: johnsoncodehk

packages/component-meta/lib/base.ts

@@ -171,13 +171,16 @@ export function baseCreate(
 	if (checkerOptions.forceUseTs) {
 		const getScriptKind = languageServiceHost.getScriptKind?.bind(languageServiceHost);
 		languageServiceHost.getScriptKind = fileName => {
-			if (fileName.endsWith('.vue.js')) {
-				return ts.ScriptKind.TS;
-			}
-			if (fileName.endsWith('.vue.jsx')) {
-				return ts.ScriptKind.TSX;
+			const scriptKind = getScriptKind!(fileName);
+			if (vueCompilerOptions.extensions.some(ext => fileName.endsWith(ext))) {
+				if (scriptKind === ts.ScriptKind.JS) {
+					return ts.ScriptKind.TS;
+				}
+				if (scriptKind === ts.ScriptKind.JSX) {
+					return ts.ScriptKind.TSX;
+				}
 			}
-			return getScriptKind!(fileName);
+			return scriptKind;
 		};
 	}
 
@@ -196,7 +199,11 @@ export function baseCreate(
 	}
 
 	function getMetaFileName(fileName: string) {
-		return (fileName.endsWith('.vue') ? fileName : fileName.substring(0, fileName.lastIndexOf('.'))) + '.meta.ts';
+		return (
+			vueCompilerOptions.extensions.some(ext => fileName.endsWith(ext))
+				? fileName
+				: fileName.substring(0, fileName.lastIndexOf('.'))
+		) + '.meta.ts';
 	}
 
 	function getMetaScriptContent(fileName: string) {

packages/language-service/index.ts

@@ -79,7 +79,7 @@ export function getVueLanguageServicePlugins(
 		createVueSfcPlugin(),
 		createVueTwoslashQueriesPlugin(ts, getTsPluginClient),
 		createVueDocumentLinksPlugin(),
-		createVueDocumentDropPlugin(ts, getTsPluginClient),
+		createVueDocumentDropPlugin(ts, getVueOptions, getTsPluginClient),
 		createVueAutoDotValuePlugin(ts, getTsPluginClient),
 		createVueAutoWrapParenthesesPlugin(ts),
 		createVueAutoAddSpacePlugin(),

packages/language-service/lib/plugins/vue-document-drop.ts

@@ -1,13 +1,14 @@
-import { VueVirtualCode, forEachEmbeddedCode } from '@vue/language-core';
+import { VueCompilerOptions, VueVirtualCode, forEachEmbeddedCode } from '@vue/language-core';
 import { camelize, capitalize, hyphenate } from '@vue/shared';
 import * as path from 'path-browserify';
 import type * as vscode from 'vscode-languageserver-protocol';
 import { createAddComponentToOptionEdit, getLastImportNode } from '../plugins/vue-extract-file';
-import { LanguageServicePlugin, LanguageServicePluginInstance, ServiceContext, TagNameCasing } from '../types';
+import { LanguageServicePlugin, LanguageServicePluginInstance, ServiceContext, ServiceEnvironment, TagNameCasing } from '../types';
 import { getUserPreferences } from 'volar-service-typescript/lib/configs/getUserPreferences';
 
 export function create(
 	ts: typeof import('typescript'),
+	getVueOptions: (env: ServiceEnvironment) => VueCompilerOptions,
 	getTsPluginClient?: (context: ServiceContext) => typeof import('@vue/typescript-plugin/lib/client') | undefined,
 ): LanguageServicePlugin {
 	return {
@@ -17,6 +18,7 @@ export function create(
 			let casing = TagNameCasing.Pascal as TagNameCasing; // TODO
 
 			const tsPluginClient = getTsPluginClient?.(context);
+			const vueCompilerOptions = getVueOptions(context.env);
 
 			return {
 				async provideDocumentDropEdits(document, _position, dataTransfer) {
@@ -39,7 +41,7 @@ export function create(
 							importUri = item.value as string;
 						}
 					}
-					if (!importUri?.endsWith('.vue')) {
+					if (!importUri || !vueCompilerOptions.extensions.some(ext => importUri.endsWith(ext))) {
 						return;
 					}