Updating configs for v3

Author: webdevnerdstuff

Diff for: .babelrc

@@ -3,15 +3,15 @@ root = true
 [*]
 charset = utf-8
 end_of_line = lf
-insert_final_newline = true
-indent_style = tab
 indent_size = 4
+indent_style = tab
+insert_final_newline = true
 trim_trailing_whitespace = true
 
 [*.md]
-trim_trailing_whitespace = false
 indent_size = 2
 indent_style = space
+trim_trailing_whitespace = false
 
 [*.{yml,yaml}]
 indent_size = 2

Diff for: .editorconfig

@@ -1,3 +1,6 @@
-/dist
+# don't ever lint node_modules
+node_modules
+# don't lint build output (make sure it's set to your correct build folder name)
+dist
 
 .eslintrc.js

Diff for: .eslintignore

@@ -0,0 +1,64 @@
+{
+  "globals": {
+    "CSSProperties": true,
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "EffectScope": true,
+    "InjectionKey": true,
+    "PropType": true,
+    "Ref": true,
+    "VNode": true,
+    "computed": true,
+    "createApp": 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,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useSlots": true,
+    "useTheme": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}

Diff for: .eslintrc-auto-import.json

@@ -4,9 +4,18 @@ module.exports = {
 		node: true,
 	},
 	extends: [
-		'airbnb-base',
 		'eslint:recommended',
 		'plugin:vue/essential',
+		'plugin:@typescript-eslint/recommended',
+		'@vue/typescript/recommended',
+		'prettier',
+		'./.eslintrc-auto-import.json',
+	],
+	ignorePatterns: [
+		'.eslintrc.js',
+		'vite.build.config.ts',
+		'vite.config.ts',
+		'*.bk.vue',
 	],
 	overrides: [
 		{
@@ -18,24 +27,36 @@ module.exports = {
 			},
 		},
 	],
-	parser: 'vue-eslint-parser',
+	globals: {
+		Entry: true,
+	},
 	parserOptions: {
-		ecmaVersion: 12,
-		parser: '@babel/eslint-parser',
-		requireConfigFile: false,
-		sourceType: 'module',
+		parser: '@typescript-eslint/parser',
 	},
 	plugins: [
+		'@typescript-eslint',
 		'import',
+		'prettier',
 		'vue',
-		'@babel',
 	],
+	root: true,
 	settings: {
 		'import/resolver': {
 			'babel-module': {},
 		},
 	},
 	rules: {
+		'@typescript-eslint/ban-ts-comment': 0,
+		'@typescript-eslint/ban-types': [
+			'error',
+			{
+				'extendDefaults': true,
+				'types': {
+					'{}': false,
+				}
+			},
+		],
+		'@typescript-eslint/no-empty-function': 0,
 		'brace-style': ['error', 'stroustrup'],
 		'default-case': [
 			'error', {
@@ -44,39 +65,39 @@ module.exports = {
 		],
 		'func-names': ['error', 'never'],
 		'function-paren-newline': 0,
-		'implicit-arrow-linebreak': ['warn', 'beside'],
-		'import/no-extraneous-dependencies': 0,
 		'import/no-self-import': 0,
+		'import/no-extraneous-dependencies': 0,
+		'implicit-arrow-linebreak': ['warn', 'beside'],
 		indent: [2, 'tab', { SwitchCase: 1 }],
+		'no-tabs': [0, { allowIndentationTabs: true }],
 		'linebreak-style': 0,
 		'max-len': 0,
+		'no-else-return': ['error', { allowElseIf: true }],
 		'no-console': ['warn', { allow: ['warn', 'error', 'info', 'trace'] }],
 		'no-const-assign': 'error',
 		'no-debugger': 0,
-		'no-else-return': ['error', { allowElseIf: true }],
 		'no-new': 0,
+		'no-undef': 0,
+		'no-unused-vars': 1,
+		'no-use-before-define': 0,
+		'no-useless-escape': 0,
 		'no-param-reassign': [
 			'error', {
-				ignorePropertyModificationsFor: ['field', 'model', 'el', 'item', 'state', 'Vue', 'vue'],
 				props: true,
+				ignorePropertyModificationsFor: ['field', 'model', 'el', 'item', 'state', 'Vue', 'vue'],
 			},
 		],
-		'no-plusplus': [
-			'error', { allowForLoopAfterthoughts: true },
-		],
-		'no-tabs': [0, { allowIndentationTabs: true }],
-		'no-undef': 0,
 		'no-underscore-dangle': [
 			'error', {
 				allow: ['_data'],
 				allowAfterThis: true,
 			},
 		],
-		'no-unused-vars': 1,
-		'no-use-before-define': 0,
-		'no-useless-escape': 0,
+		'no-plusplus': [
+			'error', { allowForLoopAfterthoughts: true },
+		],
 		'object-curly-newline': ['error', {
-			ObjectPattern: { multiline: true },
+			ObjectPattern: { multiline: false },
 		}],
 		'operator-linebreak': ['error', 'after'],
 		'prefer-destructuring': [
@@ -90,12 +111,12 @@ module.exports = {
 		],
 		'space-before-function-paren': ['error', {
 			anonymous: 'never',
-			asyncArrow: 'always',
 			named: 'never',
+			asyncArrow: 'always',
 		}],
 		'vue/attributes-order': ['error', {
-			alphabetical: true,
-			order: [
+			'alphabetical': true,
+			'order': [
 				'DEFINITION',
 				'LIST_RENDERING',
 				'CONDITIONALS',
@@ -118,13 +139,13 @@ module.exports = {
 		'vue/no-v-for-template-key': 0,
 		'vue/no-v-html': 0,
 		'vue/singleline-html-element-content-newline': 0,
-		// 'vue/sort-keys': ['error', 'asc', {
-		// 	caseSensitive: true,
-		// 	ignoreChildrenOf: ['extend', 'model', 'defineProps'],
-		// 	ignoreGrandchildrenOf: ['computed', 'directives', 'inject', 'props', 'watch', 'defineProps'],
-		// 	minKeys: 2,
-		// 	natural: true,
-		// }],
+		'vue/sort-keys': ['error', 'asc', {
+			caseSensitive: true,
+			ignoreChildrenOf: ['model', 'defineProps'],
+			ignoreGrandchildrenOf: ['computed', 'directives', 'inject', 'props', 'watch', 'defineProps'],
+			minKeys: 2,
+			natural: true,
+		}],
 		'vue/valid-template-root': 0,
 	},
 };

Diff for: .eslintrc.js

@@ -1,24 +1,30 @@
-.DS_Store
-node_modules
-.history
-.vscode
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
+# Logs
+logs
+*.log
 npm-debug.log*
-.pnpm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+/docs
+dist-ssr
+*.local
 
 # Editor directories and files
+.vscode/*
+.history/*
+!.vscode/extensions.json
 .idea
-.vscode
+.DS_Store
 *.suo
 *.ntvs*
 *.njsproj
 *.sln
 *.sw?
-*.map
+.stylelintcache
+
+src/components-v2/*
 
-assets
+vite.config.docs.ts

Diff for: .gitignore

@@ -1 +1,3 @@
 node_modules
+.github
+.history

Diff for: .npmignore

@@ -1,4 +1,5 @@
 module.exports = {
+	semi: true,
 	singleQuote: true,
 	trailingComma: 'all',
 };

Diff for: .prettierrc.js

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 WebDevNerdStuff
+Copyright (c) 2023 WebDevNerdStuff
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

Diff for: LICENSE.md

@@ -25,14 +25,14 @@ The `vuetify-resize-drawer` component extends the functionality of the [v-naviga
 
 ## Installation
 
-Using npm:
+Using [pnpm](https://pnpm.io/):
 ```
-npm i vuetify-resize-drawer
+pnpm add @wdns/vuetify-resize-drawer
 ```
 
-Using [pnpm](https://pnpm.io/):
+Using npm:
 ```
-pnpm add vuetify-resize-drawer
+npm i @wdns/vuetify-resize-drawer
 ```
 
 ## Documentation
@@ -41,8 +41,8 @@ pnpm add vuetify-resize-drawer
 
 ## Dependencies
 
-[Vuetify v2](https://vuetifyjs.com/)  
-[Vue 2](https://v2.vuejs.org/)
+[Vuetify v3](https://vuetifyjs.com/)  
+[Vue 3](https://vuejs.org/)
 
 
 ## Change Log
@@ -52,7 +52,7 @@ pnpm add vuetify-resize-drawer
 
 ## License
 
-Copyright (c) 2022 WebDevNerdStuff  
+Copyright (c) 2023 WebDevNerdStuff  
 Licensed under the [MIT license](https://github.com/webdevnerdstuff/vuetify-resize-drawer/blob/master/LICENSE.md).