[Experimental] coc-volar-alpinejs

fork from vscode-alpine-language-features

Alpine Language Features extension for coc.nvim

Note

@volar/alpine-language-server is a Language Server separated out of @volar/vue-language-server and currently not yet optimized for Alpine.js. (e.g. x- directive completion, etc. will not work)

Usage

[WARNING] This extension will not work with the default settings.

1. To use it, add the "volar.alpine.enable: true" setting to your project's .vim/coc-settings.json. Project-level coc-settings.json can be quickly created by running the :CocLocalConfig command. Also, if coc-html is installed, add "html.enable": false.

.vim/coc-settings.json:

{
  "volar.alpine.enable": true,
  "html.enable": false
}

2. Create jsconfig.json or tsconfig.json to your Alpine project, and than adding below content.

jsconfig.json/tsconfig.json:

{
	"compilerOptions": {
		"allowJs": true,
		"jsx": "preserve"
	},
	"include": [
		"PATH_TO_THE_HTML_FILES/**/*.html"
	]
}

3. (Optional) Install @vue/runtime-dom to devDependencies for support html element typs.

"x-" directive completion

Install coc-html-css-support and run the html-css-support.customDataSetup command. @volar/alpine-language-server respects the settings in html.customData.

• See
  • yaegassy/coc-html-css-support#3

Thanks

• johnsoncodehk/volar

License

MIT

This extension is built with create-coc-extension