.vscode/settings.json

@@ -3,5 +3,16 @@
 	"editor.insertSpaces": false,
 	"editor.detectIndentation": false,
 	"typescript.tsdk": "node_modules/typescript/lib",
-	"editor.defaultFormatter": "vscode.typescript-language-features"
+	"[typescript]": {
+		"editor.defaultFormatter": "vscode.typescript-language-features"
+	},
+	"[javascript]": {
+		"editor.defaultFormatter": "vscode.typescript-language-features"
+	},
+	"[json]": {
+		"editor.defaultFormatter": "vscode.json-language-features"
+	},
+	"[jsonc]": {
+		"editor.defaultFormatter": "vscode.json-language-features"
+	}
 }

CHANGELOG.md

@@ -1,5 +1,36 @@
 # Changelog
 
+## 0.38.4 (2022/7/11)
+
+- feat: add `vueCompilerOptions.strictTemplates` ([#1418](https://github.com/johnsoncodehk/volar/issues/1418))
+- fix: don't auto close ``` ([#1428](https://github.com/johnsoncodehk/volar/issues/1428))
+- fix: change unknown slot type from `unknown` to `any` ([#1541](https://github.com/johnsoncodehk/volar/issues/1541))
+- fix: SFC templates outline incorrect ([#1531](https://github.com/johnsoncodehk/volar/issues/1531))
+- fix: slot shorthand highlighting incorrect if have not `=` ([#1423](https://github.com/johnsoncodehk/volar/issues/1423))
+- fix: vue file import path auto-complete not working on windows ([#1304](https://github.com/johnsoncodehk/volar/issues/1304))
+- fix: avoid duplicate result in html ([#1552](https://github.com/johnsoncodehk/volar/issues/1552)) ([#1530](https://github.com/johnsoncodehk/volar/issues/1530))
+- fix: code action document edit version incorrect ([#1490](https://github.com/johnsoncodehk/volar/issues/1490))
+
+**Breaking changes**
+
+- `experimentalSuppressUnknownJsxPropertyErrors`, `experimentalSuppressInvalidJsxElementTypeErrors` is replaced by `strictTemplates`.
+
+	```diff
+	{
+		"vueCompilerOptions": {
+	-		"experimentalSuppressUnknownJsxPropertyErrors": false,
+	-		"experimentalSuppressInvalidJsxElementTypeErrors": false,
+	+		"strictTemplates": true
+		},
+	}
+	```
+
+### Our Sponsors
+
+<a href="https://cdn.jsdelivr.net/gh/johnsoncodehk/sponsors/company_compact/sponsors.svg">
+	<img src="https://cdn.jsdelivr.net/gh/johnsoncodehk/sponsors/company_compact/sponsors.svg"/>
+</a>
+
 ## 0.38.3 (2022/7/7)
 
 - feat: support html, css intellisense for petite-vue ([#1471](https://github.com/johnsoncodehk/volar/issues/1471))
@@ -15,12 +46,6 @@
 - feat: add --version flag for vue-language-server ([#1510](https://github.com/johnsoncodehk/volar/issues/1510))
 - fix: css class name codeLens range inaccurate ([#1485](https://github.com/johnsoncodehk/volar/issues/1485))
 
-### Our Sponsors
-
-<a href="https://cdn.jsdelivr.net/gh/johnsoncodehk/sponsors/company_compact/sponsors.svg">
-	<img src="https://cdn.jsdelivr.net/gh/johnsoncodehk/sponsors/company_compact/sponsors.svg"/>
-</a>
-
 ## 0.38.1 (2022/6/19)
 
 - fix: fixed isIntrinsicElement is not a function error ([#1478](https://github.com/johnsoncodehk/volar/issues/1478))

extensions/vscode-alpine-language-features/package.json

@@ -2,7 +2,7 @@
 	"private": true,
 	"preview": true,
 	"name": "alpine-language-features",
-	"version": "0.38.3",
+	"version": "0.38.4",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/johnsoncodehk/volar.git",
@@ -278,8 +278,8 @@
 	},
 	"devDependencies": {
 		"@types/vscode": "1.67.0",
-		"@volar/alpine-language-server": "0.38.3",
-		"@volar/shared": "0.38.3",
+		"@volar/alpine-language-server": "0.38.4",
+		"@volar/shared": "0.38.4",
 		"esbuild": "latest",
 		"path-browserify": "^1.0.1",
 		"punycode": "^2.1.1",

extensions/vscode-alpine-language-features/src/common.ts

@@ -10,7 +10,7 @@ import * as fileReferences from '../../vscode-vue-language-features/out/features
 
 let apiClient: lsp.BaseLanguageClient;
 let docClient: lsp.BaseLanguageClient | undefined;
-let htmlClient: lsp.BaseLanguageClient;
+let htmlClient: lsp.BaseLanguageClient | undefined;
 
 type CreateLanguageClient = (
 	id: string,
@@ -85,13 +85,13 @@ async function doActivate(context: vscode.ExtensionContext, createLc: CreateLang
 			getInitializationOptions(context, 'second-language-features', _useSecondServer),
 			6110,
 		) : undefined,
-		createLc(
+		enabledDocumentFeaturesInHtml() ? createLc(
 			'volar-alpine-document-features',
 			'Volar-Alpine - Document Features Server',
 			documentFeaturesDocumentSelector,
 			getInitializationOptions(context, 'document-features', _useSecondServer),
 			6111,
-		),
+		) : undefined,
 	]);
 
 	const clients = [apiClient, docClient, htmlClient].filter(shared.notEmpty);
@@ -160,6 +160,10 @@ export function takeOverModeEnabled() {
 	return vscode.workspace.getConfiguration('volar').get<boolean>('alpine.takeOverMode.enabled');
 }
 
+function enabledDocumentFeaturesInHtml() {
+	return !vscode.extensions.getExtension('vscode.html-language-features');
+}
+
 function useSecondServer() {
 	return !!vscode.workspace.getConfiguration('volar').get<boolean>('alpineserver.useSecondServer');
 }
@@ -212,6 +216,7 @@ function getInitializationOptions(
 			} : {}),
 		} : undefined,
 		documentFeatures: mode === 'document-features' ? {
+			allowedLanguageIds: ['html'],
 			selectionRange: true,
 			foldingRange: true,
 			linkedEditingRange: true,

extensions/vscode-typescript-vue-plugin/package.json

@@ -1,7 +1,7 @@
 {
 	"private": true,
 	"name": "vscode-typescript-vue-plugin",
-	"version": "0.38.3",
+	"version": "0.38.4",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/johnsoncodehk/volar.git",
@@ -36,7 +36,7 @@
 	},
 	"devDependencies": {
 		"esbuild": "latest",
-		"typescript-vue-plugin": "0.38.3",
+		"typescript-vue-plugin": "0.38.4",
 		"vsce": "latest"
 	}
 }

extensions/vscode-vue-language-features/languages/markdown-language-configuration.json

@@ -1,15 +1,5 @@
 {
 	"autoClosingPairs": [
-		// markdown
-		// fix https://github.com/johnsoncodehk/volar/issues/1428
-		{
-			"open": "```",
-			"close": "\n\n```",
-			"notIn": [
-				"string",
-				"comment"
-			]
-		},
 		// html
 		{
 			"open": "{",
@@ -40,14 +30,15 @@
 			]
 		},
 		// javascript
-		{
-			"open": "`",
-			"close": "`",
-			"notIn": [
-				"string",
-				"comment"
-			]
-		},
+		// commented to fix https://github.com/johnsoncodehk/volar/issues/1428
+		// {
+		// 	"open": "`",
+		// 	"close": "`",
+		// 	"notIn": [
+		// 		"string",
+		// 		"comment"
+		// 	]
+		// },
 		{
 			"open": "/**",
 			"close": " */",

extensions/vscode-vue-language-features/package.json

@@ -1,7 +1,7 @@
 {
 	"private": true,
 	"name": "volar",
-	"version": "0.38.3",
+	"version": "0.38.4",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/johnsoncodehk/volar.git",
@@ -802,9 +802,9 @@
 	"devDependencies": {
 		"@types/semver": "^7.3.9",
 		"@types/vscode": "1.67.0",
-		"@volar/preview": "0.38.3",
-		"@volar/shared": "0.38.3",
-		"@volar/vue-language-server": "0.38.3",
+		"@volar/preview": "0.38.4",
+		"@volar/shared": "0.38.4",
+		"@volar/vue-language-server": "0.38.4",
 		"@vue/compiler-sfc": "^3.2.37",
 		"@vue/reactivity": "^3.2.37",
 		"esbuild": "latest",

extensions/vscode-vue-language-features/schemas/vue-tsconfig.schema.json

@@ -5,7 +5,7 @@
 			"properties": {
 				"target": {
 					"type": "number",
-					"default": 2.7,
+					"default": 3,
 					"anyOf": [
 						{
 							"enum": [
@@ -17,9 +17,10 @@
 					],
 					"markdownDescription": "Target version of Vue."
 				},
-				"experimentalCompatMode": {
-					"type": "number",
-					"deprecationMessage": "This property is deprecated at v0.37.0, please use `target` property instead of."
+				"strictTemplates": {
+					"type": "boolean",
+					"default": false,
+					"markdownDescription": "Strict props, component type-checking in templates."
 				},
 				"experimentalRuntimeMode": {
 					"type": "string",
@@ -70,14 +71,6 @@
 					"type": "boolean",
 					"markdownDescription": "https://github.com/johnsoncodehk/volar/issues/1369"
 				},
-				"experimentalSuppressUnknownJsxPropertyErrors": {
-					"type": "boolean",
-					"markdownDescription": "Suppress unknown property errors in JSX and template. (Default true)"
-				},
-				"experimentalSuppressInvalidJsxElementTypeErrors": {
-					"type": "boolean",
-					"markdownDescription": "Suppress invalid JSX element type errors in template. (Default true)"
-				},
 				"experimentalResolveStyleCssClasses": {
 					"enum": [
 						"scoped",

extensions/vscode-vue-language-features/src/common.ts

@@ -210,6 +210,10 @@ export function takeOverModeEnabled() {
 	return status;
 }
 
+function enabledDocumentFeaturesInHtml() {
+	return !vscode.extensions.getExtension('vscode.html-language-features');
+}
+
 function useSecondServer() {
 	return !!vscode.workspace.getConfiguration('volar').get<boolean>('vueserver.useSecondServer');
 }
@@ -257,6 +261,7 @@ function getInitializationOptions(
 			} : {}),
 		} : undefined,
 		documentFeatures: mode === 'document-features' ? {
+			allowedLanguageIds: ['vue', enabledDocumentFeaturesInHtml() ? 'html' : undefined].filter(shared.notEmpty),
 			selectionRange: true,
 			foldingRange: true,
 			linkedEditingRange: true,

extensions/vscode-vue-language-features/src/features/preview.ts

@@ -1,5 +1,5 @@
 import * as vscode from 'vscode';
-import * as path from 'path';
+import { posix as path } from 'path';
 import * as fs from '../utils/fs';
 import * as shared from '@volar/shared';
 import { userPick } from './splitEditors';

extensions/vscode-vue-language-features/src/features/tsconfig.ts

@@ -1,7 +1,7 @@
 import * as vscode from 'vscode';
 import { BaseLanguageClient } from 'vscode-languageclient';
 import * as shared from '@volar/shared';
-import * as path from 'path';
+import { posix as path } from 'path';
 import { takeOverModeEnabled } from '../common';
 
 export async function register(cmd: string, context: vscode.ExtensionContext, languageClient: BaseLanguageClient) {

extensions/vscode-vue-language-features/syntaxes/vue.tmLanguage.json

@@ -749,7 +749,7 @@
 			]
 		},
 		"vue-directives-original": {
-			"begin": "(?:\\b(v-)|(:|@|#))(\\[?)([a-zA-Z0-9\\-_]*)(\\]?)(\\:([a-zA-Z0-9\\-_]+))?(?:\\.([a-zA-Z0-9\\-_]+))*\\s*(=)",
+			"begin": "(?:\\b(v-)|(:|@|#))(\\[?)([a-zA-Z0-9\\-_]*)(\\]?)(\\:([a-zA-Z0-9\\-_]+))?(?:\\.([a-zA-Z0-9\\-_]+))*",
 			"captures": {
 				"1": {
 					"name": "entity.other.attribute-name.html.vue"
@@ -774,31 +774,39 @@
 				},
 				"8": {
 					"name": "entity.other.attribute-name.html.vue"
-				},
-				"9`": {
-					"name": "punctuation.separator.key-value.html.vue"
 				}
 			},
-			"end": "(?<='|\")",
+			"end": "(?=\\s*+[^=\\s])",
 			"name": "meta.directive.vue",
 			"patterns": [
 				{
-					"begin": "('|\")",
+					"begin": "=",
 					"beginCaptures": {
-						"1": {
-							"name": "punctuation.definition.string.begin.html.vue"
-						}
-					},
-					"end": "(\\1)",
-					"endCaptures": {
-						"1": {
-							"name": "punctuation.definition.string.end.html.vue"
+						"0": {
+							"name": "punctuation.separator.key-value.html.vue"
 						}
 					},
-					"name": "source.ts.embedded.html.vue",
+					"end": "(?<=[^\\s=])(?!\\s*=)|(?=/?>)",
 					"patterns": [
 						{
-							"include": "source.ts"
+							"begin": "('|\")",
+							"beginCaptures": {
+								"1": {
+									"name": "punctuation.definition.string.begin.html.vue"
+								}
+							},
+							"end": "(\\1)",
+							"endCaptures": {
+								"1": {
+									"name": "punctuation.definition.string.end.html.vue"
+								}
+							},
+							"name": "source.ts.embedded.html.vue",
+							"patterns": [
+								{
+									"include": "source.ts"
+								}
+							]
 						}
 					]
 				}

lerna.json

@@ -4,5 +4,5 @@
 		"extensions/*",
 		"packages/*"
 	],
-	"version": "0.38.3"
+	"version": "0.38.4"
 }

packages/alpine-language-server/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@volar/alpine-language-server",
-	"version": "0.38.3",
+	"version": "0.38.4",
 	"license": "MIT",
 	"files": [
 		"out/**/*.js",
@@ -15,8 +15,8 @@
 		"directory": "packages/alpine-language-server"
 	},
 	"dependencies": {
-		"@volar/alpine-language-service": "0.38.3",
-		"@volar/vue-language-server": "0.38.3",
+		"@volar/alpine-language-service": "0.38.4",
+		"@volar/vue-language-server": "0.38.4",
 		"upath": "^2.0.1",
 		"vscode-languageserver": "^8.0.1"
 	}

packages/alpine-language-service/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@volar/alpine-language-service",
-	"version": "0.38.3",
+	"version": "0.38.4",
 	"main": "out/index.js",
 	"license": "MIT",
 	"files": [
@@ -17,8 +17,8 @@
 		"typescript": "latest"
 	},
 	"dependencies": {
-		"@volar/alpine-typescript": "0.38.3",
-		"@volar/vue-language-service": "0.38.3",
-		"@volar/vue-language-service-types": "0.38.3"
+		"@volar/alpine-typescript": "0.38.4",
+		"@volar/vue-language-service": "0.38.4",
+		"@volar/vue-language-service-types": "0.38.4"
 	}
 }