├── .gitignore
├── .vscode
    └── settings.json
├── src
    ├── vue-shims.d.ts
    └── Test.vue
├── tags.json
├── .prettierrc.json
├── tsconfig.json
├── package.json
├── yarn.lock
└── README.md


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 |   "vetur.experimental.templateInterpolationService": true
3 | }


--------------------------------------------------------------------------------
/src/vue-shims.d.ts:
--------------------------------------------------------------------------------
1 | declare module "*.vue" {
2 |   import Vue from "vue";
3 |   export default Vue;
4 | }


--------------------------------------------------------------------------------
/tags.json:
--------------------------------------------------------------------------------
1 | {
2 |   "foo-tag": {
3 |     "attributes": ["foo-attr"],
4 |     "description": "A foo tag"
5 |   }
6 | }


--------------------------------------------------------------------------------
/.prettierrc.json:
--------------------------------------------------------------------------------
1 | {
2 |   "singleQuote": true,
3 |   "semi": false,
4 |   "trailingComma": "none",
5 |   "printWidth": 80
6 | }


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "compilerOptions": {
3 |     "target": "es5",
4 |     "module": "commonjs",
5 |     "lib": ["ES5", "DOM"]
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/src/Test.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     {{ fo }}
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | import * as _ from 'lodash'
 9 | 
10 | export default {
11 |   props: ['foo', 'bar']
12 | }
13 | </script>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "dependencies": {
 3 |     "lodash": "^4.17.19",
 4 |     "vue": "^2.6.11",
 5 |     "vue-router": "^3.4.3",
 6 |     "vuex": "^3.4.0"
 7 |   },
 8 |   "devDependencies": {
 9 |     "@types/lodash": "^4.14.158",
10 |     "prettier": "^2.0.5",
11 |     "typescript": "^3.9.7"
12 |   },
13 |   "vetur": {
14 |     "tags": "./tags.json"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/yarn.lock:
--------------------------------------------------------------------------------
 1 | # THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
 2 | # yarn lockfile v1
 3 | 
 4 | 
 5 | "@types/lodash@^4.14.158":
 6 |   version "4.14.158"
 7 |   resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.158.tgz#b38ea8b6fe799acd076d7a8d7ab71c26ef77f785"
 8 |   integrity sha512-InCEXJNTv/59yO4VSfuvNrZHt7eeNtWQEgnieIA+mIC+MOWM9arOWG2eQ8Vhk6NbOre6/BidiXhkZYeDY9U35w==
 9 | 
10 | lodash@^4.17.19:
11 |   version "4.17.19"
12 |   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
13 |   integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
14 | 
15 | prettier@^2.0.5:
16 |   version "2.0.5"
17 |   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.0.5.tgz#d6d56282455243f2f92cc1716692c08aa31522d4"
18 |   integrity sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==
19 | 
20 | typescript@^3.9.7:
21 |   version "3.9.7"
22 |   resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.7.tgz#98d600a5ebdc38f40cb277522f12dc800e9e25fa"
23 |   integrity sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw==
24 | 
25 | vue-router@^3.4.3:
26 |   version "3.4.3"
27 |   resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.4.3.tgz#fa93768616ee338aa174f160ac965167fa572ffa"
28 |   integrity sha512-BADg1mjGWX18Dpmy6bOGzGNnk7B/ZA0RxuA6qedY/YJwirMfKXIDzcccmHbQI0A6k5PzMdMloc0ElHfyOoX35A==
29 | 
30 | vue@^2.6.11:
31 |   version "2.6.11"
32 |   resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.11.tgz#76594d877d4b12234406e84e35275c6d514125c5"
33 |   integrity sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ==
34 | 
35 | vuex@^3.4.0:
36 |   version "3.4.0"
37 |   resolved "https://registry.yarnpkg.com/vuex/-/vuex-3.4.0.tgz#20cc086062d750769fce1febb34e7fceeaebde45"
38 |   integrity sha512-ajtqwEW/QhnrBZQsZxCLHThZZaa+Db45c92Asf46ZDXu6uHXgbfVuBaJ4gzD2r4UX0oMJHstFwd2r2HM4l8umg==
39 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Veturpack
 2 | 
 3 | A Vue project with minimal setup and dependencies for trying out [Vetur](https://github.com/vuejs/vetur)'s features. Also used for creating minimal, reproducible case for Vetur bug reports.
 4 | 
 5 | ## Usage
 6 | 
 7 | - Install latest version of [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur)
 8 | - `git clone git@github.com:octref/veturpack.git`
 9 | - `cd veturpack`
10 | - `yarn install`
11 | - `code .`
12 | 
13 | ## Things to Try
14 | 
15 | Try all features below in `src/Test.vue`. You can read more about these features in Vetur's documentation: https://vuejs.github.io/vetur/.
16 | 
17 | - Do an emmet expansion on the html template. For example, type `div` and then tab.
18 | - Complete on `<router|`. Because of the [`vue-router`](https://router.vuejs.org/) dependency, you should see [`router-link`](https://router.vuejs.org/api/#router-link). Read more about this feature in [Framework Support](https://vuejs.github.io/vetur/framework.html).
19 | - `yarn add element-ui`, reload the project and complete `<el`. You should see all tags from [Element UI](https://element.eleme.cn/#/en-US/component). Read more about this feature in [Framework Support](https://vuejs.github.io/vetur/framework.html).
20 | - Complete on `<foo`. You should see `<foo-tag>`. Read more about this feature in [Framework Support](https://vuejs.github.io/vetur/framework.html).
21 | - Hover over any tags such as `<div>` or `<router-link>`. You'll see the tag's description.
22 | - Because of `"vetur.experimental.templateInterpolationService": true` in `.vscode/settings.json`, you should see an error on `{{ fo }}` in the template section. Change it to `foo` to fix the error.
23 | - Delete the `foo` in `{{ foo }}`. Type `b`. You should see completion of `bar`.
24 | - In script section, try `_.`. You should see all [lodash](https://lodash.com)'s methods.
25 | - Install another library with types, such as [jquery](https://api.jquery.com/). `yarn add -S jquery && yarn add -D @types/jquery`. After importing it with `import * as $ from 'jquery'`, you should get `$.` completions.
26 | - Setup [eslint-plugin-vue](https://eslint.vuejs.org/user-guide/) with a `.eslintrc`. Set `"vetur.validation.template": false` to turn off Vetur's builtin ESLint linter. You'll get ESLint warnings now.
27 | - In `<script>` section, add `//@ts-check`. Write some type-unsafe code, such as `let a = 'a'; a = 5`. You'll see an error.
28 | - F1 -> Format the document. You can [configure](https://vuejs.github.io/vetur/formatting.html) the formatters and their settings as well.
29 | - In `.prettierrc.json`, set `"singleQuote": true` and format again.
30 | - Type `<style scss` and tab to choose a snippet. You should get a SCSS section setup. These snippets are [customizable](https://vuejs.github.io/vetur/snippet.html). 
31 | - Try some CSS completions in the `<style lang="scss">` section.
32 | - Make some errors in the Vue file and run [vti](https://vuejs.github.io/vetur/vti.html) — you should see all diagnostics printed on CLI.
33 | 
34 | ## Next
35 | 
36 | For a more comprehensive setup, refer to https://github.com/chrisvfritz/vue-enterprise-boilerplate.
37 | 
38 | ## License
39 | 
40 | MIT
41 | 


--------------------------------------------------------------------------------