VSCode custom data format setup

Preface

Aside from the web components manifest output [custom-elements.json], you can also produce another output specifically for VSCode. This custom data format provides the ability for autocompletion, type checking (if available) and documentation on hover in HMTL/CSS files.

Setup

npm run build:docs:vscode-schema

1. Run to build the manifest file (vscode-html-custom-data.json)
2. Inside your VSCode project settings point to the manifest file

3. Test your component and enjoy!