Skip to content

Commit 1bb3888

Browse files
committed
Add vue-router snippets #5
Snippets list: - vrouter - vscrollbehavior - vbeforeeach - vbeforeresolve - vaftereach - vbeforeenter - vbeforerouteenter - vbeforerouteupdate - vbeforerouteleave - vroute-named
1 parent 927cced commit 1bb3888

File tree

2 files changed

+99
-0
lines changed

2 files changed

+99
-0
lines changed

Diff for: package.json

+8
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,14 @@
4545
{
4646
"language": "typescript",
4747
"path": "./snippets/pinia.code-snippets"
48+
},
49+
{
50+
"language": "javascript",
51+
"path": "./snippets/vue-router.code-snippets"
52+
},
53+
{
54+
"language": "typescript",
55+
"path": "./snippets/vue-router.code-snippets"
4856
}
4957
]
5058
}

Diff for: snippets/vue-router.code-snippets

+91
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
{
2+
"Vue Router": {
3+
"prefix": "vrouter",
4+
"body": [
5+
"import Vue from 'vue';",
6+
"import VueRouter from 'vue-router';",
7+
"",
8+
"Vue.use(VueRouter);",
9+
"",
10+
"export const router = new VueRouter({",
11+
"\tbase: '/',",
12+
"\tmode: 'history',",
13+
"\troutes: [",
14+
"\t\t{ path: '/path', component: component }",
15+
"\t]",
16+
"});"
17+
],
18+
"description": "Base for Vue Router"
19+
},
20+
"Vue Router scrollBehavior": {
21+
"prefix": "vscrollbehavior",
22+
"body": [
23+
"scrollBehavior(to, from, savedPosition) {",
24+
"\tif(savedPosition) {",
25+
"\t\treturn savedPosition;",
26+
"\t} else {",
27+
"\t\treturn { x: 0, y: 0 };",
28+
"\t}",
29+
"},"
30+
],
31+
"description": "Vue Router scrollBehavior"
32+
},
33+
"Vue Router beforeEach": {
34+
"prefix": "vbeforeeach",
35+
"body": [
36+
"router.beforeEach((to, from, next) => {",
37+
"\t${1:next();}",
38+
"});"
39+
],
40+
"description": "Vue Router global guards beforeEach"
41+
},
42+
"Vue Router beforeResolve": {
43+
"prefix": "vbeforeresolve",
44+
"body": [
45+
"router.beforeResolve((to, from, next) => {",
46+
"\t${1:next();}",
47+
"});"
48+
],
49+
"description": "Vue Router global guards beforeResolve"
50+
},
51+
"Vue Router afterEach": {
52+
"prefix": "vaftereach",
53+
"body": ["router.afterEach((to, from) => {", "\t", "});"],
54+
"description": "Vue Router global guards afterEach"
55+
},
56+
"Vue Router beforeEnter": {
57+
"prefix": "vbeforeenter",
58+
"body": ["beforeEnter(to, from, next) {", "\t${1:next();}", "},"],
59+
"description": "Vue Router per-route guard beforeEnter"
60+
},
61+
"Vue Router beforeRouteEnter": {
62+
"prefix": "vbeforerouteenter",
63+
"body": [
64+
"beforeRouteEnter(to, from, next) {",
65+
"\tnext(vm => {${1:}});",
66+
"},"
67+
],
68+
"description": "Vue Router component guards beforeRouteEnter"
69+
},
70+
"Vue Router beforeRouteUpdate": {
71+
"prefix": "vbeforerouteupdate",
72+
"body": ["beforeRouteUpdate(to, from, next) {", "\t${1:next();}", "},"],
73+
"description": "Vue Router component guards beforeRouteUpdate"
74+
},
75+
"Vue Router beforeRouteLeave": {
76+
"prefix": "vbeforerouteleave",
77+
"body": ["beforeRouteLeave(to, from, next) {", "\t${1:next();}", "},"],
78+
"description": "Vue Router component guards beforeRouteLeave"
79+
},
80+
"Vue Router Route": {
81+
"prefix": "vroute-named",
82+
"body": [
83+
"{",
84+
"\tpath: '${1:pathName}',",
85+
"\tname: '${2:routeName}',",
86+
"\tcomponent: () => import('./${3:pathToComponent}'),",
87+
"},"
88+
],
89+
"description": "Vue Router route with per route code-splitting"
90+
}
91+
}

0 commit comments

Comments
 (0)