Updating

Author: webdevnerdstuff

.editorconfig

@@ -14,7 +14,7 @@ trim_trailing_whitespace = false
 [*.{yml,yaml}]
 indent_size = 2
 
-[*.{js,ts,vue}]
+[*.{js,ts,mts,vue}]
 indent_size = 2
 indent_style = tab
 

.eslintrc-auto-import.json

@@ -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.js

@@ -6,8 +6,17 @@ module.exports = {
 	extends: [
 		'eslint:recommended',
 		'plugin:vue/essential',
-		"@vue/typescript/recommended",
-		"prettier",
+		'plugin:@typescript-eslint/recommended',
+		'@vue/typescript/recommended',
+		'prettier',
+		'./.eslintrc-auto-import.json',
+	],
+	ignorePatterns: [
+		'.eslintrc.js',
+		'stylelint.config.js',
+		'vite.build.config.mts',
+		'vite.config.mts',
+		'*.bk.vue',
 	],
 	overrides: [
 		{
@@ -23,7 +32,7 @@ module.exports = {
 		Entry: true,
 	},
 	parserOptions: {
-		parser: "@typescript-eslint/parser",
+		parser: '@typescript-eslint/parser',
 	},
 	plugins: [
 		'@typescript-eslint',
@@ -34,20 +43,21 @@ module.exports = {
 	root: true,
 	settings: {
 		'import/resolver': {
-			'babel-module': {},
 		},
 	},
 	rules: {
-		"@typescript-eslint/ban-types": [
-      "error",
-      {
-        "extendDefaults": true,
-        "types": {
-          "{}": false
-        }
-      }
-    ],
+		'@typescript-eslint/ban-ts-comment': 0,
+		'@typescript-eslint/ban-types': [
+			'error',
+			{
+				'extendDefaults': true,
+				'types': {
+					'{}': false,
+				}
+			},
+		],
 		'@typescript-eslint/no-empty-function': 0,
+		'@typescript-eslint/no-explicit-any': 0,
 		'brace-style': ['error', 'stroustrup'],
 		'default-case': [
 			'error', {
@@ -64,10 +74,11 @@ module.exports = {
 		'linebreak-style': 0,
 		'max-len': 0,
 		'no-else-return': ['error', { allowElseIf: true }],
-		'no-console': ['warn', { allow: ['warn', 'error', 'info'] }],
+		'no-console': ['warn', { allow: ['warn', 'error', 'info', 'trace'] }],
 		'no-const-assign': 'error',
 		'no-debugger': 0,
 		'no-new': 0,
+		'no-undef': 0,
 		'no-unused-vars': 1,
 		'no-use-before-define': 0,
 		'no-useless-escape': 0,
@@ -102,7 +113,7 @@ module.exports = {
 		'space-before-function-paren': ['error', {
 			anonymous: 'never',
 			named: 'never',
-			asyncArrow: 'never',
+			asyncArrow: 'always',
 		}],
 		'vue/attributes-order': ['error', {
 			'alphabetical': true,
@@ -126,8 +137,16 @@ module.exports = {
 		'vue/max-attributes-per-line': 0,
 		'vue/no-multiple-template-root': 0,
 		'vue/no-template-shadow': 0,
+		'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: ['model', 'defineProps'],
+			ignoreGrandchildrenOf: ['computed', 'directives', 'inject', 'props', 'watch', 'defineProps'],
+			minKeys: 2,
+			natural: true,
+		}],
 		'vue/valid-template-root': 0,
 	},
 };

.gitignore

@@ -23,3 +23,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+
+src/plugin/**/*.bk.*

.npmrc

@@ -0,0 +1 @@
+node-version=20.9.0

.nvmrc

@@ -0,0 +1 @@
+20.9.0

index.html

@@ -3,33 +3,63 @@
 
 <head>
 	<!-- Google tag (gtag.js) -->
-	<script async src="https://www.googletagmanager.com/gtag/js?id=G-R05G0QB5E9"></script>
+	<script
+		async
+		src="https://www.googletagmanager.com/gtag/js?id=G-R05G0QB5E9"
+	></script>
 	<script>
-		window.dataLayer = window.dataLayer || [];
-		function gtag() { dataLayer.push(arguments); }
-		gtag('js', new Date());
+		window.dataLayer=window.dataLayer||[];
+		function gtag() {dataLayer.push(arguments);}
+		gtag('js',new Date());
 
-		gtag('config', 'G-R05G0QB5E9');
+		gtag('config','G-R05G0QB5E9');
 	</script>
 
 	<meta charset="UTF-8" />
-	<link rel="icon" type="image/svg+xml" href="/vue.svg" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-	<title>Vue 3 Easter Egg Trigger</title>
+	<link
+		rel="icon"
+		type="image/svg+xml"
+		href="/vue.svg"
+	/>
+	<meta
+		name="viewport"
+		content="width=device-width, initial-scale=1.0"
+	/>
+	<title>Vue Easter Egg Trigger</title>
 
-	<meta name="description"
-		content="This packages makes it nice and easy to add Easter Egg triggers to your Vue3 site." />
-	<meta name="keywords" content="vue, vue3, vue 3, easter egg, trigger, plugin, component, webdevnerdstuff, wdns" />
-	<meta name="author" content="WebDevNerdStuff & Bunnies... lots and lots of bunnies!" />
-	<meta name="robots" content="index, follow" />
-	<meta name="googlebot" content="index, follow" />
-	<meta name="theme-color" content="#242424" />
+	<meta
+		name="description"
+		content="This packages makes it nice and easy to add Easter Egg triggers to your Vue site."
+	/>
+	<meta
+		name="keywords"
+		content="vue, vue3, vue 3, easter egg, trigger, plugin, component, webdevnerdstuff, wdns"
+	/>
+	<meta
+		name="author"
+		content="WebDevNerdStuff & Bunnies... lots and lots of bunnies!"
+	/>
+	<meta
+		name="robots"
+		content="index, follow"
+	/>
+	<meta
+		name="googlebot"
+		content="index, follow"
+	/>
+	<meta
+		name="theme-color"
+		content="#242424"
+	/>
 
 </head>
 
 <body>
 	<div id="app"></div>
-	<script type="module" src="/src/main.ts"></script>
+	<script
+		type="module"
+		src="/src/main.ts"
+	></script>
 </body>
 
 </html>