update(other): 🧩 move and update config files

move and update config files

Author: anhchangvt1994

.commitlintrc

@@ -1,4 +1,9 @@
 {
-	"recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"],
+	"recommendations": [
+		"Vue.volar",
+		"Vue.vscode-typescript-vue-plugin",
+		"TabNine.tabnine-vscode",
+		"ionutvmi.path-autocomplete"
+	],
 	"unwantedRecommendations": ["vscode.typescript-language-features"]
 }

.czrc

@@ -4,10 +4,11 @@
 	"path-autocomplete.extensionOnImport": true,
 	"path-autocomplete.includeExtension": true,
 	"path-autocomplete.excludedItems": {
-		"**": { "when": "${workspace}/src/**/*.{js,ts,vue}", "isDir": true }
+		"**": { "when": "**/*.{js,ts,vue}", "isDir": true }
 	},
 	"path-autocomplete.pathMappings": {
-		"images": "${workspace}/src/assets/images"
+		"images": "${workspace}/src/assets/images",
+		"assets": "${workspace}/src/assets"
 	},
 	"path-autocomplete.pathSeparators": " \t({[",
 	"editor.suggest.showModules": false

.eslintrc

@@ -0,0 +1,60 @@
+{
+  "globals": {
+    "EffectScope": true,
+    "computed": true,
+    "createApp": true,
+    "createRouter": true,
+    "createWebHistory": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "resolveDirective": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useSlots": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}

.lintstagedrc

@@ -0,0 +1,60 @@
+// Generated by 'unplugin-auto-import'
+export {}
+declare global {
+  const EffectScope: typeof import('vue')['EffectScope']
+  const computed: typeof import('vue')['computed']
+  const createApp: typeof import('vue')['createApp']
+  const createRouter: typeof import('vue-router')['createRouter']
+  const createWebHistory: typeof import('vue-router')['createWebHistory']
+  const customRef: typeof import('vue')['customRef']
+  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
+  const defineComponent: typeof import('vue')['defineComponent']
+  const effectScope: typeof import('vue')['effectScope']
+  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue')['getCurrentScope']
+  const h: typeof import('vue')['h']
+  const inject: typeof import('vue')['inject']
+  const isProxy: typeof import('vue')['isProxy']
+  const isReactive: typeof import('vue')['isReactive']
+  const isReadonly: typeof import('vue')['isReadonly']
+  const isRef: typeof import('vue')['isRef']
+  const markRaw: typeof import('vue')['markRaw']
+  const nextTick: typeof import('vue')['nextTick']
+  const onActivated: typeof import('vue')['onActivated']
+  const onBeforeMount: typeof import('vue')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue')['onDeactivated']
+  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
+  const onMounted: typeof import('vue')['onMounted']
+  const onRenderTracked: typeof import('vue')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
+  const onUnmounted: typeof import('vue')['onUnmounted']
+  const onUpdated: typeof import('vue')['onUpdated']
+  const provide: typeof import('vue')['provide']
+  const reactive: typeof import('vue')['reactive']
+  const readonly: typeof import('vue')['readonly']
+  const ref: typeof import('vue')['ref']
+  const resolveComponent: typeof import('vue')['resolveComponent']
+  const resolveDirective: typeof import('vue')['resolveDirective']
+  const shallowReactive: typeof import('vue')['shallowReactive']
+  const shallowReadonly: typeof import('vue')['shallowReadonly']
+  const shallowRef: typeof import('vue')['shallowRef']
+  const toRaw: typeof import('vue')['toRaw']
+  const toRef: typeof import('vue')['toRef']
+  const toRefs: typeof import('vue')['toRefs']
+  const triggerRef: typeof import('vue')['triggerRef']
+  const unref: typeof import('vue')['unref']
+  const useAttrs: typeof import('vue')['useAttrs']
+  const useCssModule: typeof import('vue')['useCssModule']
+  const useCssVars: typeof import('vue')['useCssVars']
+  const useRoute: typeof import('vue-router')['useRoute']
+  const useRouter: typeof import('vue-router')['useRouter']
+  const useSlots: typeof import('vue')['useSlots']
+  const watch: typeof import('vue')['watch']
+  const watchEffect: typeof import('vue')['watchEffect']
+  const watchPostEffect: typeof import('vue')['watchPostEffect']
+  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
+}

.prettierrc

@@ -0,0 +1,71 @@
+module.exports = {
+	useEmoji: true,
+	skipQuestions: ['footerPrefix', 'footer', 'confirmCommit'],
+	types: [
+		{
+			value: 'chore',
+			name: "chore: 🤷 If you don't know the type will select",
+			emoji: ':shrug:',
+		},
+		{
+			value: 'perf',
+			name: 'perf: ⚡️ Improve perfomance',
+			emoji: ':zap:',
+		},
+		{
+			value: 'release',
+			name: 'release: 🎯 Create a release commit',
+			emoji: ':dart:',
+		},
+		{
+			value: 'docs',
+			name: 'docs: 🗒 Create / change some document files (ex: *.docs, *.md)',
+			emoji: ':spiral_notepad:',
+		},
+		{
+			value: 'test',
+			name: 'test: 🔬 Add / change a test',
+			emoji: ':microscope:',
+		},
+		{
+			value: 'style',
+			name: 'style: 🎨 Only style for layout',
+			emoji: ':art:',
+		},
+		{
+			value: 'fix',
+			name: 'fix: 🐞 Fix a bug',
+			emoji: ':lady_beetle:',
+		},
+		{
+			value: 'feat',
+			name: 'feat: 🧩 Create a new feature',
+			emoji: ':jigsaw:',
+		},
+		{
+			value: 'update',
+			name: 'update: 🧩 Update but not improve performance',
+			emoji: ':jigsaw:',
+		},
+	],
+	scopes: [
+		'page',
+		'comp-page',
+		'comp-glob',
+		'lib',
+		'util',
+		'enum',
+		'define',
+		'server',
+		'other',
+	],
+	messages: {
+		type: 'Select the type of committing:',
+		customScope: 'Select the scope this component affects:',
+		subject: 'Title:\n',
+		body: 'Description:\n',
+		breaking: 'List any breaking changes:\n',
+		footer: 'Issues this commit closes, e.g #123:',
+		confirmCommit: 'Ready to commit ?\n',
+	},
+}

.vscode/extensions.json

@@ -0,0 +1,60 @@
+module.exports = {
+	root: true,
+	ignorePatterns: ['webpack.config.js', 'env/**/*', 'config/**/*'],
+	env: {
+		browser: true,
+		es6: true,
+		jest: true,
+		node: true,
+	},
+	extends: [
+		'.eslintrc-auto-import.json',
+		'plugin:vue/vue3-recommended',
+		'plugin:@typescript-eslint/recommended',
+		'eslint:recommended',
+		'@vue/typescript/recommended',
+		'@vue/eslint-config-prettier',
+		'@vue/eslint-config-typescript',
+		'plugin:prettier/recommended',
+		'plugin:import/recommended',
+		'plugin:import/typescript',
+		'plugin:import/errors',
+		'plugin:import/warnings',
+		'prettier',
+	],
+	plugins: ['@typescript-eslint'],
+	parserOptions: {
+		ecmaFeatures: {
+			jsx: true,
+			tsx: true,
+		},
+		ecmaVersion: 'latest',
+		sourceType: 'module',
+		project: './tsconfig.json',
+	},
+	rules: {
+		'linebreak-style': 'off',
+		'prettier/prettier': [
+			'error',
+			{
+				endOfLine: 'auto',
+			},
+		],
+	},
+	settings: {
+		'import/resolver': {
+			'eslint-import-resolver-custom-alias': {
+				alias: {
+					'@': './',
+					js: './src',
+					assets: './src/assets',
+					pages: './src/pages',
+					components: './src/components',
+					config: './src/config',
+					utils: './src/utils',
+				},
+				extensions: ['.js', '.jsx', '.vue', '.ts', '.tsx'],
+			},
+		},
+	},
+}