From 0792c48865feec30585d3b7ee664bc282cfc4d1d Mon Sep 17 00:00:00 2001
From: Daniel Tomlinson <dtomlinson@panaetius.co.uk>
Date: Sat, 8 Oct 2022 12:37:10 +0100
Subject: [PATCH] add docs on component data with vetur

---
 docs/component-data-vetur.md | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 docs/component-data-vetur.md

diff --git a/docs/component-data-vetur.md b/docs/component-data-vetur.md
new file mode 100644
index 0000000..805a084
--- /dev/null
+++ b/docs/component-data-vetur.md
@@ -0,0 +1,36 @@
+Vetur docs on component data: https://vuejs.github.io/vetur/guide/component-data.html#workspace-component-data
+
+Requires the following dev dependency for Volar:
+https://github.com/johnsoncodehk/volar-plugins/tree/master/packages/vetur
+
+yarn add --dev @volar-plugins/vetur
+
+Create volar.config.js
+
+```js
+const vetur = require('@volar-plugins/vetur');
+
+module.exports = {
+  plugins: [vetur()],
+};
+```
+
+Generate required data:
+
+https://itnext.io/vue-intellisense-in-vscode-33cf8860e092
+https://github.com/cycraft/vue-intellisense
+
+yarn add --dev vue-intellisense
+yarn run vue-int --input src/components --output .vetur --recursive
+
+Add to package.json
+
+```json
+  "vetur": {
+    "tags": ".vetur/tags.json",
+    "attributes": ".vetur/attributes.json"
+  }
+
+```
+
+https://vue-styleguidist.github.io