Merge branch 'main' into dev

Author: webdevnerdstuff

.babelrc

@@ -3,20 +3,20 @@ 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
 
-[*.{js,vue}]
+[*.{js,ts,vue}]
 indent_size = 2
 indent_style = tab
 

.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

.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
+  }
+}

.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,
 	},
 };

.eslintrc.js

@@ -0,0 +1,45 @@
+name: Bug Report
+description: File a bug report
+title: "[Bug]: "
+labels: ["bug", "triage"]
+assignees:
+  - webdevnerdstuff
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this bug report!
+  - type: textarea
+    id: bug-description
+    attributes:
+      label: Bug description
+      description: What happened?
+    validations:
+      required: true
+  - type: textarea
+    id: steps
+    attributes:
+      label: Steps to reproduce
+      description: Which steps do we need to take to reproduce this error?
+      placeholder:  "Steps to reproduce the behavior:\n1. Go to '...'\n2. Click on '....'\n3. Scroll down to '....'"
+    validations:
+      required: true
+  - type: textarea
+    id: logs
+    attributes:
+      label: Relevant log output
+      description: If applicable, please copy and paste any relevant log output. This will be automatically formatted into code, so no need for backticks.
+      render: shell
+  - type: textarea
+    id: additional-context
+    attributes:
+      label: Additional context
+      description: Add any other context about the problem here.
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: Code of Conduct
+      description: By submitting this issue, you agree to follow our [Code of Conduct](https://github.com/webdevnerdstuff/vuetify3-resize-drawer/blob/main/CODE_OF_CONDUCT.md)
+      options:
+        - label: I agree to follow this project's Code of Conduct
+          required: true

.github/ISSUE_TEMPLATE/BUG_REPORT.yaml

@@ -0,0 +1,45 @@
+name: Feature Request
+description: Suggest an idea for this project
+title: "[Feature Request]: "
+labels: ["feature request"]
+assignees:
+  - webdevnerdstuff
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this request!
+  - type: textarea
+    id: related-to-a-problem
+    attributes:
+      label: Is your feature request related to a problem? Please describe.
+      description: A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+    validations:
+      required: true
+  - type: textarea
+    id: feature-desc
+    attributes:
+      label: Describe the solution you'd like
+      description: A clear and concise description of what you want to happen.
+    validations:
+      required: true
+  - type: textarea
+    id: alternatives
+    attributes:
+      label: Describe alternatives you've considered
+      description: A clear and concise description of any alternative solutions or features you've considered.
+    validations:
+      required: true
+  - type: textarea
+    id: additional-context
+    attributes:
+      label: Additional context
+      description: Add any other context about the problem here.
+  - type: checkboxes
+    id: terms
+    attributes:
+      label: Code of Conduct
+      description: By submitting this request, you agree to follow our [Code of Conduct](https://github.com/webdevnerdstuff/vuetify3-resize-drawer/blob/main/CODE_OF_CONDUCT.md)
+      options:
+        - label: I agree to follow this project's Code of Conduct
+          required: true