Skip to content
This repository was archived by the owner on Mar 8, 2025. It is now read-only.

Commit c9c3756

Browse files
imrim12imrim12
committed
🔨 Upgrade tailwindCSS to 2.1+ with JIT engine
1 parent 1c4d169 commit c9c3756

15 files changed

+600
-15
lines changed

‎.env

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎.gitignore

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ node_modules
44

55

66
# local env files
7+
.env
78
.env.local
89
.env.*.local
910

@@ -15,7 +16,6 @@ pnpm-debug.log*
1516

1617
# Editor directories and files
1718
.idea
18-
.vscode
1919
*.suo
2020
*.ntvs*
2121
*.njsproj

‎.vscode/README.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# Custom VS Code snippets
2+
3+
See VS Code docs: <https://code.visualstudio.com/docs/editor/userdefinedsnippets#_snippet-scope>

‎.vscode/_scaffold-blocks.code-snippets

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
{
2+
"Vue 2 composition API component": {
3+
"scope": "vue",
4+
"prefix": "scf",
5+
"body": [
6+
"<template>",
7+
" <div class=\"${TM_FILENAME_BASE/(^[A-Z][a-z]*|[a-z])([A-Z])?/${1:/downcase}${2:+-}${2:/downcase}/g}\">",
8+
" <!-- -->",
9+
" </div>",
10+
"</template>",
11+
"<script>",
12+
"// ${RELATIVE_FILEPATH}",
13+
"import { defineComponent } from '@vue/composition-api'",
14+
"",
15+
"export default defineComponent({",
16+
" name: '${TM_FILENAME_BASE:/pascalcase}',",
17+
" props: {},",
18+
" setup() {",
19+
" //${0}",
20+
" },",
21+
"})",
22+
"</script>",
23+
"",
24+
"<style lang=\"scss\" scoped>",
25+
".${TM_FILENAME_BASE/(^[A-Z][a-z]*|[a-z])([A-Z])?/${1:/downcase}${2:+-}${2:/downcase}/g} {",
26+
" //",
27+
"}",
28+
"</style>",
29+
"",
30+
"<style lang=\"scss\">",
31+
".${TM_FILENAME_BASE/(^[A-Z][a-z]*|[a-z])([A-Z])?/${1:/downcase}${2:+-}${2:/downcase}/g} {",
32+
" //",
33+
"}",
34+
"</style>",
35+
""
36+
],
37+
"description": "Scaffold a vue component with vue 2 composition API"
38+
},
39+
"Vue 2 composition API script": {
40+
"scope": "vue",
41+
"prefix": "script vue",
42+
"body": [
43+
"<script>",
44+
"import { defineComponent } from '@vue/composition-api'",
45+
"",
46+
"export default defineComponent({",
47+
" name: '${TM_FILENAME_BASE:/pascalcase}',",
48+
" props: {},",
49+
" setup() {",
50+
" //",
51+
" },",
52+
"})",
53+
"</script>",
54+
""
55+
],
56+
"description": "Vue 2 composition API script tag"
57+
},
58+
"Vue style tags": {
59+
"scope": "vue",
60+
"prefix": "style vue",
61+
"body": [
62+
"",
63+
"<style lang=\"scss\" scoped>",
64+
"//",
65+
"</style>",
66+
"",
67+
"<style lang=\"scss\">",
68+
"//",
69+
"</style>",
70+
""
71+
],
72+
"description": "Vue style tags, including scoped and non-scoped"
73+
}
74+
}

‎.vscode/_service-functions.code-snippets

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
{
2+
"clientApi": {
3+
"scope": "javascript",
4+
"prefix": "clientApi",
5+
"body": ["$$clientApi",],
6+
},
7+
"$clientApi": {
8+
"scope": "javascript",
9+
"prefix": "$clientApi",
10+
"body": ["$$clientApi",],
11+
},
12+
"this.clientApi": {
13+
"scope": "javascript",
14+
"prefix": "this.clientApi",
15+
"body": ["this.$$clientApi",],
16+
},
17+
"import $clientApi": {
18+
"scope": "javascript",
19+
"prefix": "import clientApi",
20+
"body": ["import { clientApi } from '@services/client'",],
21+
},
22+
"authApi": {
23+
"scope": "javascript",
24+
"prefix": "authApi",
25+
"body": ["$$authApi",],
26+
},
27+
"$authApi": {
28+
"scope": "javascript",
29+
"prefix": "$authApi",
30+
"body": ["$$authApi",],
31+
},
32+
"this.authApi": {
33+
"scope": "javascript",
34+
"prefix": "this.authApi",
35+
"body": ["this.$$authApi",],
36+
},
37+
"import $authApi": {
38+
"scope": "javascript",
39+
"prefix": "import authApi",
40+
"body": ["import { authApi } from '@services/auth'",],
41+
},
42+
}

‎.vscode/_util-components.code-snippets

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"Auth": {
3+
"scope": "vue-html",
4+
// Avoid duplicate prefix with v-auth directive
5+
"prefix": "<auth",
6+
"body": [
7+
"<auth :allow=\"['${0}']\" >",
8+
"\t${3}",
9+
"</auth>",
10+
],
11+
"description": "Authentication wrapper, which will display, disable component base on role's permissions"
12+
},
13+
"Fontawesome": {
14+
"scope": "vue-html",
15+
"prefix": "fa",
16+
"body": [
17+
"<fa :icon=\"['fas', '${1}']\" />"
18+
],
19+
"description": "Fontawesome component, by default using the 'fas' (fontawesome solid) library, change to use other library"
20+
}
21+
}

‎.vscode/_util-dev-functions.code-snippets

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
{
2+
"dev:log": {
3+
"scope": "javascript",
4+
"prefix": "dev:log",
5+
"body": ["$$dev.log('[${1}]', ${1})",],
6+
"description": "Equivalent to console.log(), but only available in dev mode"
7+
},
8+
"this.$dev:log": {
9+
"scope": "javascript",
10+
"prefix": "this.dev:log",
11+
"body": ["this.$$dev.log('[${1}]', ${1})",],
12+
"description": "Equivalent to console.log(), but only available in dev mode"
13+
},
14+
"dev:warn": {
15+
"scope": "javascript",
16+
"prefix": "dev:warn",
17+
"body": ["$$dev.warn('[${1}]', ${1})",],
18+
"description": "Equivalent to console.warn(), but only available in dev mode"
19+
},
20+
"this.$dev:warn": {
21+
"scope": "javascript",
22+
"prefix": "this.dev:warn",
23+
"body": ["this.$$dev.warn('[${1}]', ${1})",],
24+
"description": "Equivalent to console.warn(), but only available in dev mode"
25+
},
26+
"dev:error": {
27+
"scope": "javascript",
28+
"prefix": "dev:error",
29+
"body": ["$$dev.error('[${1}]', ${1})",],
30+
"description": "Equivalent to console.error(), but only available in dev mode"
31+
},
32+
"this.$dev:error": {
33+
"scope": "javascript",
34+
"prefix": "this.dev:error",
35+
"body": ["this.$$dev.error('[${1}]', ${1})",],
36+
"description": "Equivalent to console.error(), but only available in dev mode"
37+
},
38+
"import $dev": {
39+
"scope": "javascript",
40+
"prefix": "import dev",
41+
"body": ["import dev from '@utils/functions/dev'",],
42+
},
43+
}

‎.vscode/_util-directives.code-snippets

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
{
2+
"v-auth directive": {
3+
"scope": "vue-html",
4+
"prefix": "auth",
5+
"body": [
6+
"v-auth:allow=\"['${0}']\"",
7+
],
8+
"description": "Authentication directive, which will display, disable component base on role's permissions"
9+
},
10+
"v-validate directive": {
11+
"scope": "vue-html",
12+
"prefix": "v-validate",
13+
"body": ["v-validate"],
14+
},
15+
"v-validate.email directive": {
16+
"scope": "vue-html",
17+
"prefix": "v-validate.email",
18+
"body": ["v-validate.email=\"${0}\""],
19+
},
20+
"v-validate.required directive": {
21+
"scope": "vue-html",
22+
"prefix": "v-validate.required",
23+
"body": ["v-validate.required"],
24+
},
25+
"v-validate.string directive": {
26+
"scope": "vue-html",
27+
"prefix": "v-validate.string",
28+
"body": ["v-validate.string"],
29+
},
30+
}

‎.vscode/_util-filters.code-snippets

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
{
2+
"formatCurrency": {
3+
"scope": "vue-html",
4+
"prefix": "formatCurrency",
5+
"body": ["formatCurrency",],
6+
"description": "Format currency filter"
7+
},
8+
"formatDate": {
9+
"scope": "vue-html",
10+
"prefix": "formatDate",
11+
"body": ["formatDate",],
12+
"description": "Format date filter"
13+
},
14+
"formatDateTime": {
15+
"scope": "vue-html",
16+
"prefix": "formatDateTime",
17+
"body": ["formatDateTime",],
18+
"description": "Format datetime filter"
19+
},
20+
"formatTime": {
21+
"scope": "vue-html",
22+
"prefix": "formatTime",
23+
"body": ["formatTime",],
24+
"description": "Format time filter"
25+
},
26+
"lower": {
27+
"scope": "vue-html",
28+
"prefix": "lower",
29+
"body": ["lower",],
30+
"description": "Lowercase filter"
31+
},
32+
"upper": {
33+
"scope": "vue-html",
34+
"prefix": "upper",
35+
"body": ["upper",],
36+
"description": "Uppercase filter"
37+
},
38+
"capital": {
39+
"scope": "vue-html",
40+
"prefix": "capital",
41+
"body": ["capital",],
42+
"description": "Capitalize filter"
43+
},
44+
}

‎.vscode/_util-imports.code-snippets

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
{
2+
"import-components": {
3+
"scope": "javascript",
4+
"prefix": "import components",
5+
"body": ["import { ${1} } from '@components'",],
6+
},
7+
"import-common": {
8+
"scope": "javascript",
9+
"prefix": "import common",
10+
"body": ["import { ${1} } from '@common'",],
11+
},
12+
"import-uncommon": {
13+
"scope": "javascript",
14+
"prefix": "import uncommon",
15+
"body": ["import { ${1} } from '@uncommon'",],
16+
},
17+
"import-locales": {
18+
"scope": "javascript",
19+
"prefix": "import theme",
20+
"body": ["import { ${1} } from '@locales'",],
21+
},
22+
"import-pages": {
23+
"scope": "javascript",
24+
"prefix": "import pages",
25+
"body": ["import { ${1} } from '@pages'",],
26+
},
27+
"import-router": {
28+
"scope": "javascript",
29+
"prefix": "import router",
30+
"body": ["import { ${1} } from '@router'",],
31+
},
32+
"import-store": {
33+
"scope": "javascript",
34+
"prefix": "import store",
35+
"body": ["import { ${1} } from '@store'",],
36+
},
37+
"import-use": {
38+
"scope": "javascript",
39+
"prefix": "import use",
40+
"body": ["import { ${1} } from '@use'",],
41+
},
42+
"import-examples": {
43+
"scope": "javascript",
44+
"prefix": "import examples",
45+
"body": ["import { ${1} } from '@examples'",],
46+
},
47+
"import-core": {
48+
"scope": "javascript",
49+
"prefix": "import core",
50+
"body": ["import { ${1} } from '@core'",],
51+
},
52+
"import-theme": {
53+
"scope": "javascript",
54+
"prefix": "import theme",
55+
"body": ["import { ${1} } from '@theme'",],
56+
},
57+
"import-constants": {
58+
"scope": "javascript",
59+
"prefix": "import constants",
60+
"body": ["import { ${1} } from '@constants'",],
61+
},
62+
"import-layouts": {
63+
"scope": "javascript",
64+
"prefix": "import layouts",
65+
"body": ["import { ${1} } from '@layouts'",],
66+
},
67+
"import-middleware": {
68+
"scope": "javascript",
69+
"prefix": "import middleware",
70+
"body": ["import { ${1} } from '@middleware'",],
71+
},
72+
"import-mixins": {
73+
"scope": "javascript",
74+
"prefix": "import mixins",
75+
"body": ["import { ${1} } from '@mixins'",],
76+
},
77+
"import-plugins": {
78+
"scope": "javascript",
79+
"prefix": "import plugins",
80+
"body": ["import { ${1} } from '@plugins'",],
81+
},
82+
"import-services": {
83+
"scope": "javascript",
84+
"prefix": "import services",
85+
"body": ["import { ${1} } from '@services'",],
86+
},
87+
"import-utils": {
88+
"scope": "javascript",
89+
"prefix": "import utils",
90+
"body": ["import { ${1} } from '@utils'",],
91+
},
92+
}

0 commit comments

Comments
 (0)