chore: use dprint to format code

Author: johnsoncodehk

.github/workflows/auto-fix.yml

@@ -28,7 +28,11 @@ jobs:
 
       # lint
       - name: Auto-fix
-        run: pnpm run lint:fix
+        run: npm run lint:fix
+
+      # format
+      - name: Format
+        run: npm run format
 
       # commit
       - name: Commit

.vscode/extensions.json

@@ -0,0 +1,5 @@
+{
+	"recommendations": [
+		"dprint.dprint"
+	]
+}

.vscode/settings.json

@@ -1,16 +1,18 @@
 {
+	"dprint.path": "node_modules/dprint/dprint",
 	"[javascript]": {
-		"editor.defaultFormatter": "vscode.typescript-language-features"
+		"editor.defaultFormatter": "dprint.dprint"
+	},
+	"[typescript]": {
+		"editor.defaultFormatter": "dprint.dprint"
 	},
 	"[json]": {
-		"editor.defaultFormatter": "vscode.json-language-features"
+		"editor.defaultFormatter": "dprint.dprint"
 	},
 	"[jsonc]": {
-		"editor.defaultFormatter": "vscode.json-language-features"
-	},
-	"[typescript]": {
-		"editor.defaultFormatter": "vscode.typescript-language-features"
+		"editor.defaultFormatter": "dprint.dprint"
 	},
+	"editor.formatOnSave": true,
 	"editor.codeActionsOnSave": {
 		"source.organizeImports": "always"
 	},
@@ -27,4 +29,4 @@
 	"json.format.keepLines": true,
 	"typescript.format.semicolons": "insert",
 	"typescript.tsdk": "node_modules/typescript/lib"
-}
+}

dprint.json

@@ -0,0 +1,18 @@
+{
+	"useTabs": true,
+	"typescript": {
+		"quoteStyle": "preferSingle",
+		"arrowFunction.useParentheses": "preferNone"
+	},
+	"json": {
+	},
+	"excludes": [
+		"**/node_modules",
+		"**/*-lock.json",
+		"packages/language-service/data"
+	],
+	"plugins": [
+		"https://plugins.dprint.dev/typescript-0.95.7.wasm",
+		"https://plugins.dprint.dev/json-0.20.0.wasm"
+	]
+}

extensions/vscode/package.json

@@ -460,7 +460,7 @@
 		"watch": "rolldown --watch --config",
 		"pack": "pnpm run build:prod && vsce package",
 		"release": "pnpm run build:prod && vsce publish",
-		"gen-ext-meta": "vscode-ext-gen --scope vue --output lib/generated-meta.ts && tsslint --project tsconfig.json --fix --vscode-settings ../../.vscode/settings.json"
+		"gen-ext-meta": "vscode-ext-gen --scope vue --output lib/generated-meta.ts && cd ../.. && pnpm run format"
 	},
 	"devDependencies": {
 		"@types/node": "^22.10.4",

package.json

@@ -11,12 +11,13 @@
 		"release:next": "pnpm run release --dist-tag next",
 		"test": "vitest run",
 		"test:update": "vitest run --update",
+		"format": "dprint fmt",
 		"lint": "pnpm run oxlint && pnpm run tsslint",
-		"lint:fix": "pnpm run oxlint:fix && pnpm run tsslint:fix",
+		"lint:fix": "pnpm run oxlint:fix && pnpm run tsslint:fix && npm run format",
 		"oxlint": "oxlint",
 		"oxlint:fix": "oxlint --fix",
 		"tsslint": "tsslint --project {tsconfig.json,packages/*/tsconfig.json,extensions/*/tsconfig.json}",
-		"tsslint:fix": "pnpm run lint -- --fix --vscode-settings .vscode/settings.json"
+		"tsslint:fix": "pnpm run lint -- --fix"
 	},
 	"devDependencies": {
 		"@lerna-lite/cli": "^4.1.2",
@@ -25,6 +26,7 @@
 		"@tsslint/config": "^1.5.0",
 		"@tsslint/eslint": "^1.5.0",
 		"@typescript-eslint/eslint-plugin": "^8.19.0",
+		"dprint": "^0.50.0",
 		"oxlint": "^1.0.0",
 		"typescript": "latest",
 		"vitest": "^3.1.3"

packages/language-core/lib/codegen/globalTypes.ts

@@ -39,21 +39,21 @@ export function generateGlobalTypes({
 	const __VLS_placeholder: any;
 
 	type __VLS_NativeElements = __VLS_SpreadMerge<SVGElementTagNameMap, HTMLElementTagNameMap>;
-	type __VLS_IntrinsicElements = ${(
+	type __VLS_IntrinsicElements = ${
 			target >= 3.3
 				? `import('${lib}/jsx-runtime').JSX.IntrinsicElements;`
 				: `globalThis.JSX.IntrinsicElements;`
-		)}
-	type __VLS_Element = ${(
+		}
+	type __VLS_Element = ${
 			target >= 3.3
 				? `import('${lib}/jsx-runtime').JSX.Element;`
 				: `globalThis.JSX.Element;`
-		)}
-	type __VLS_GlobalComponents = ${(
+		}
+	type __VLS_GlobalComponents = ${
 			target >= 3.5
 				? `import('${lib}').GlobalComponents;`
 				: `import('${lib}').GlobalComponents & Pick<typeof import('${lib}'), 'Transition' | 'TransitionGroup' | 'KeepAlive' | 'Suspense' | 'Teleport'>;`
-		)}
+		}
 	type __VLS_GlobalDirectives = import('${lib}').GlobalDirectives;
 	type __VLS_IsAny<T> = 0 extends 1 & T ? true : false;
 	type __VLS_PickNotAny<A, B> = __VLS_IsAny<A> extends true ? B : A;