Skip to content

Commit a542f9a

Browse files
authored
Merge pull request #53 from sandro-git/contribution
Contribution
2 parents c8f0f73 + d8167fa commit a542f9a

File tree

3 files changed

+25
-3
lines changed

3 files changed

+25
-3
lines changed

README.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ _or_
2626
ext install Vue VSCode Snippets
2727
```
2828

29-
You can enable tab completion (recommended) by opening `Code > Preferences > Settings` (on a Mac) and applying `"editor.tabCompletion": true` to your personal settings
29+
You can enable tab completion (recommended) by opening `Code > Preferences > Settings` (on a Mac) and applying `"editor.tabCompletion": "onlySnippets"` to your personal settings
3030

3131
## Snippets
3232

@@ -35,6 +35,7 @@ You can enable tab completion (recommended) by opening `Code > Preferences > Set
3535
| Snippet | Purpose |
3636
| ---------- | ------------------------------------------ |
3737
| `vbase` | Single file component base |
38+
| `vbase-css`| Single file component base with Css |
3839
| `vbase-ts` | Single file component base with Typescript |
3940

4041
### Template

snippets/vue-script.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,7 @@
100100
},
101101
"Vue Import File": {
102102
"prefix": "vimport",
103-
"body": ["import ${1:New} from './components/${1:New}.vue';"],
103+
"body": ["import ${1:New} from '@/components/${1:New}.vue';"],
104104
"description": "Import one component into another"
105105
},
106106
"Vue Import into the Component": {
@@ -111,7 +111,7 @@
111111
"Vue Import Export": {
112112
"prefix": "vimport-export",
113113
"body": [
114-
"import ${1:Name} from './components/${1:Name}.vue'",
114+
"import ${1:Name} from '@/components/${1:Name}.vue'",
115115
"",
116116
"export default {",
117117
"\tcomponents: {",

snippets/vue.json

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,27 @@
2020
],
2121
"description": "Base for Vue File"
2222
},
23+
"Vue Single File Component with Css": {
24+
"prefix": "vbase-css",
25+
"body": [
26+
"<template>",
27+
"\t<div>",
28+
"",
29+
"\t</div>",
30+
"</template>",
31+
"",
32+
"<script>",
33+
"\texport default {",
34+
"\t\t${0}",
35+
"\t}",
36+
"</script>",
37+
"",
38+
"<style scoped>",
39+
"",
40+
"</style>"
41+
],
42+
"description": "Base for Vue File"
43+
},
2344
"Vue Single File Component with Typescript": {
2445
"prefix": "vbase-ts",
2546
"body": [

0 commit comments

Comments
 (0)