CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+## 0.38.0 (2022/6/19)
+
+- feat: support component preview for Vite + Vue 3 ([#1476](https://github.com/johnsoncodehk/volar/issues/1476)) \
+you need to install [vite-plugin-vue-component-preview](https://github.com/johnsoncodehk/vite-plugin-vue-component-preview)  manually to support this feature
+- feat: support auto insert `.value` for vue 2 ([#1466](https://github.com/johnsoncodehk/volar/issues/1466))
+- fix: cannot define global components types with `@vue/runtime-core` in Vue 2 ([#1469](https://github.com/johnsoncodehk/volar/issues/1469))
+- fix: cannot emit declaration with script setup on vue-tsc ([#1459](https://github.com/johnsoncodehk/volar/issues/1459))
+- fix: component auto import unreliable ([#1470](https://github.com/johnsoncodehk/volar/issues/1470))
+- fix: camel case scope css class name intellisense not working ([#1447](https://github.com/johnsoncodehk/volar/issues/1447))
+- fix(petite-vue): cannot access script tag local variables ([#1471](https://github.com/johnsoncodehk/volar/issues/1471))
+
+### 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.37.9 (2022/6/16)
 
 - perf: only support VitePress, petite-vue when `*.md`, `*.html` explicitly added in tsconfig include property ([#1463](https://github.com/johnsoncodehk/volar/issues/1463))
@@ -16,12 +33,6 @@
 - fix: petite-vue createApp arg range inaccurate
 - fix: vue component context properties missing in petite-vue template
 
-### 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.37.7 (2022/6/13)
 
 - fix: cannot resolve external vue file path ([#1445](https://github.com/johnsoncodehk/volar/issues/1445))

README.md

@@ -61,6 +61,26 @@ Discord: https://discord.gg/5bnSSSSBbK
 \* 🤝 support [take over mode](https://github.com/johnsoncodehk/volar/discussions/471) \
 \* 🅿️ support [extra preview features](https://twitter.com/johnsoncodehk/status/1507024137901916161)
 
+## Contribution Guide
+
+If you want to work on the volar extension follow these commands to setup your local development environment. 
+
+🔎 Note that you will need pnpm - you can download it here: https://pnpm.io/installation.
+
+```bash
+git clone https://github.com/johnsoncodehk/volar.git
+cd volar
+pnpm install
+pnpm run build
+```
+
+The recommended way to develop the volar extension is to use the [Debug Tools](https://code.visualstudio.com/Docs/editor/debugging) provided by VSCode.
+Alternatively you can run one of the scripts defined in the [package.json](https://github.com/johnsoncodehk/volar/blob/master/package.json) file.
+
+❗ You should always use the debug launch configs or package.json scripts defined in the root of the project.
+
+Additional info for contributing to open source projects is here: https://docs.github.com/en/get-started/quickstart/contributing-to-projects
+
 ## High Level System Overview
 
 ```mermaid
@@ -106,8 +126,8 @@ flowchart LR
 	VOLAR_VUE_SERVICE["@volar/vue-language-service"]
 	VOLAR_PUG_SERVICE["@volar/pug-language-service"]
 	VOLAR_TS_SERVICE["@volar/typescript-language-service"]
-	VOLAR_TS_FASTER["@volar/typescript-faster"]
-	VOLAR_PREVIEW["@volar/preview"]
+	%% VOLAR_TS_FASTER["@volar/typescript-faster"]
+	%% VOLAR_PREVIEW["@volar/preview"]
 	VUE_TSC[vue-tsc]
 	TS_VUE_PLUGIN[typescript-vue-plugin]
 
@@ -129,6 +149,7 @@ flowchart LR
 	TS[typescript]
 	VSC_TS[vscode.typescript-language-features]
 	VUE_REPL["@vue/repl"]
+	MONACO_VOLAR[Kingwl/monaco-volar]
 	VITE_PLUGIN_CHECKER[fi3ework/vite-plugin-checker]
 	COMPILE_VUE_SFC[leonzalion/compile-vue-sfc]
 
@@ -138,6 +159,7 @@ flowchart LR
 	click TS "https://github.com/microsoft/TypeScript"
 	click VSC_TS "https://github.com/microsoft/vscode/tree/main/extensions/typescript-language-features"
 	click VUE_REPL "https://github.com/vuejs/repl"
+	click MONACO_VOLAR "https://github.com/Kingwl/monaco-volar"
 	click VITE_PLUGIN_CHECKER "https://github.com/fi3ework/vite-plugin-checker"
 	click COMPILE_VUE_SFC "https://github.com/leonzalion/compile-vue-sfc"
 
@@ -179,23 +201,25 @@ flowchart LR
 	NOVA_VUE --> VUE_CLIENTS
 	VIM_VUE --> VUE_CLIENTS
 
-	VSC_VUE --> VOLAR_PREVIEW
-	COC_VUE --> VOLAR_PREVIEW
+	%% VSC_VUE --> VOLAR_PREVIEW
+	%% COC_VUE --> VOLAR_PREVIEW
 
 	VUE_CLIENTS -- Language Server Protocol --> VOLAR_VUE_SERVER
 
 	VSC --> VSC_TS
 	VSC_TS --> VSC_TSVP
 	VSC_TSVP --> TS_VUE_PLUGIN
 	VOLAR_VUE_SERVER --> VOLAR_VUE_SERVICE
-	VUE_REPL --> VOLAR_VUE_SERVICE
 	VUE_TSC --> VOLAR_VUE_TS
 	VITE_PLUGIN_CHECKER --> VUE_TSC
 	COMPILE_VUE_SFC --> VUE_TSC
 	TS_VUE_PLUGIN --> VOLAR_VUE_TS
 
-	TS_VUE_PLUGIN --> VOLAR_TS_FASTER
-	VOLAR_VUE_SERVICE --> VOLAR_TS_FASTER
+	VUE_REPL --> MONACO_VOLAR
+	MONACO_VOLAR --> VOLAR_VUE_SERVICE
+
+	%% TS_VUE_PLUGIN --> VOLAR_TS_FASTER
+	%% VOLAR_VUE_SERVICE --> VOLAR_TS_FASTER
 
 	VOLAR_VUE_SERVICE --> VOLAR_VUE_TS
 	VOLAR_VUE_SERVICE --> VOLAR_TS_SERVICE

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

@@ -2,7 +2,7 @@
 	"private": true,
 	"preview": true,
 	"name": "alpine-language-features",
-	"version": "0.37.9",
+	"version": "0.38.0",
 	"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.37.9",
-		"@volar/shared": "0.37.9",
+		"@volar/alpine-language-server": "0.38.0",
+		"@volar/shared": "0.38.0",
 		"esbuild": "latest",
 		"path-browserify": "^1.0.1",
 		"punycode": "^2.1.1",

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

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

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

@@ -1,7 +1,7 @@
 {
 	"private": true,
 	"name": "volar",
-	"version": "0.37.9",
+	"version": "0.38.0",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/johnsoncodehk/volar.git",
@@ -55,6 +55,16 @@
 				"editor.quickSuggestions": true
 			}
 		},
+		"views": {
+			"explorer": [
+				{
+					"id": "vueComponentPreview",
+					"name": "Vue Component Preview",
+					"type": "webview",
+					"when": "volar.foundViteDir"
+				}
+			]
+		},
 		"jsonValidation": [
 			{
 				"fileMatch": "tsconfig.json",
@@ -407,12 +417,12 @@
 				},
 				"volar.preview.backgroundColor": {
 					"type": "string",
-					"default": "#fff",
+					"default": "transparent",
 					"description": "Component preview background color."
 				},
 				"volar.preview.transparentGrid": {
 					"type": "boolean",
-					"default": true,
+					"default": false,
 					"description": "Component preview background style."
 				},
 				"volar.splitEditors.layout.left": {
@@ -791,10 +801,9 @@
 	},
 	"devDependencies": {
 		"@types/vscode": "1.67.0",
-		"@volar/preview": "0.37.9",
-		"@volar/shared": "0.37.9",
-		"@volar/vue-language-server": "0.37.9",
-		"@vue/compiler-dom": "^3.2.37",
+		"@volar/preview": "0.38.0",
+		"@volar/shared": "0.38.0",
+		"@volar/vue-language-server": "0.38.0",
 		"@vue/compiler-sfc": "^3.2.37",
 		"@vue/reactivity": "^3.2.37",
 		"esbuild": "latest",