Added unplugin-auto-import package

Author: webdevnerdstuff

.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

@@ -9,6 +9,7 @@ module.exports = {
 		'plugin:@typescript-eslint/recommended',
 		'@vue/typescript/recommended',
 		'prettier',
+		'./.eslintrc-auto-import.json',
 	],
 	overrides: [
 		{
@@ -69,6 +70,7 @@ module.exports = {
 		'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,

package.json

@@ -112,6 +112,7 @@
 		"stylelint-order": "^6.0.3",
 		"stylelint-scss": "^4.6.0",
 		"typescript": "^5.0.4",
+		"unplugin-auto-import": "^0.15.3",
 		"vite": "^4.3.1",
 		"vite-plugin-babel": "^1.1.3",
 		"vite-plugin-eslint": "^1.8.1",

pnpm-lock.yaml

@@ -1,6 +1,6 @@
 import { App, Plugin } from 'vue';
-import { VDrilldownTable } from '@/plugin';
-import '@/plugin/styles/main.scss';
+import { VDrilldownTable } from './plugin';
+import './plugin/styles/main.scss';
 
 const install = (app: App) => {
 	app.component('VDrilldownTable', VDrilldownTable);

src/index.ts

@@ -1,9 +1,9 @@
-import App from '@/App.vue';
+import App from './App.vue';
 import CodeBlock from 'vue3-code-block';
-import VDrilldownTable from '@/index';
+import VDrilldownTable from './index';
 import { createApp } from 'vue';
 import { createPinia } from "pinia";
-import { registerPlugins } from '@/plugins';
+import { registerPlugins } from './plugins';
 
 const app = createApp(App);
 app.use(VDrilldownTable);

src/main.ts

@@ -231,15 +231,6 @@
 </template>
 
 <script setup lang="ts">
-import { useTheme } from 'vuetify';
-import {
-	computed,
-	onMounted,
-	ref,
-	StyleValue,
-	useSlots,
-	watch,
-} from 'vue';
 import { componentName } from './utils/globals';
 import { AllProps } from './utils/props';
 import { useGetLevelColors } from './composables/levelColors';

src/plugin/VDrilldownTable.vue

@@ -39,10 +39,6 @@
 </template>
 
 <script setup lang="ts">
-import {
-	CSSProperties,
-} from 'vue';
-import { useTheme } from 'vuetify';
 import { componentName } from '@/plugin/utils/globals';
 import * as DrilldownTypes from '@/types/types';
 import { useGetLevelColors } from '@/plugin/composables/levelColors';