Type support added

.eslintignore

@@ -0,0 +1 @@
+**/*.d.ts

package.json

@@ -13,6 +13,7 @@
     ],
     "main": "./dist/vue-select.umd.js",
     "module": "./dist/vue-select.es.js",
+    "types": "./dist/src/index.d.ts",
     "exports": {
         ".": {
             "import": "./dist/vue-select.es.js",
@@ -48,6 +49,7 @@
         "vue": "3.x"
     },
     "devDependencies": {
+        "@babel/types": "^7.22.5",
         "@rushstack/eslint-patch": "^1.2.0",
         "@semantic-release/git": "^10.0.1",
         "@semantic-release/github": "^8.0.7",
@@ -73,6 +75,7 @@
         "semantic-release": "^19.0.5",
         "typescript": "^4.9.3",
         "vite": "^3.2.4",
+        "vite-plugin-dts": "^2.3.0",
         "vitest": "^0.25.3",
         "vue": "^3.2.45",
         "vue-tsc": "^1.0.10"

shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<Record<string, unknown>, Record<string, unknown>, any>
+  export default component
+}

src/components/Select.vue

@@ -135,19 +135,20 @@
   </div>
 </template>
 
-<script>
-import pointerScroll from '@/mixins/pointerScroll.js'
-import typeAheadPointer from '@/mixins/typeAheadPointer.js'
-import ajax from '@/mixins/ajax.js'
-import childComponents from '@/components/childComponents.js'
-import appendToBody from '@/directives/appendToBody.js'
-import sortAndStringify from '@/utility/sortAndStringify.js'
-import uniqueId from '@/utility/uniqueId.js'
+<script lang="ts">
+import pointerScroll from '@/mixins/pointerScroll.ts'
+import typeAheadPointer from '@/mixins/typeAheadPointer.ts'
+import ajax from '@/mixins/ajax.ts'
+import childComponents from '@/components/childComponents.ts'
+import appendToBody from '@/directives/appendToBody.ts'
+import sortAndStringify from '@/utility/sortAndStringify.ts'
+import uniqueId from '@/utility/uniqueId.ts'
 
 /**
  * @name VueSelect
  */
-export default {
+ import { defineComponent } from 'vue'
+ export default defineComponent({
   components: { ...childComponents },
 
   directives: { appendToBody },
@@ -1362,5 +1363,5 @@ export default {
       }
     },
   },
-}
+})
 </script>

src/mixins/index.ts

@@ -0,0 +1,5 @@
+import ajax from '@/mixins/ajax.ts'
+import pointer from '@/mixins/typeAheadPointer.ts'
+import pointerScroll from '@/mixins/pointerScroll.ts'
+
+export default { ajax, pointer, pointerScroll }

tsconfig.app.json

@@ -1,6 +1,6 @@
 {
   "extends": "@vue/tsconfig/tsconfig.web.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "include": ["env.d.ts", "shims-vue.d.ts", "src/**/*", "src/**/*.vue"],
   "exclude": ["tests"],
   "compilerOptions": {
     "composite": true,

vite.config.ts

@@ -1,12 +1,16 @@
 import { resolve } from 'path'
 import { fileURLToPath, URL } from 'url'
-
+import dts from 'vite-plugin-dts'
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-    plugins: [vue()],
+    plugins: [vue(), dts({
+      staticImport: true,
+      skipDiagnostics: false,
+      insertTypesEntry: true
+      })],
     publicDir: false,
     resolve: {
         alias: {
@@ -17,7 +21,7 @@ export default defineConfig({
     build: {
         target: 'es2015',
         lib: {
-            entry: resolve(__dirname, 'src/index.js'),
+            entry: resolve(__dirname, 'src/index.ts'),
             name: 'vue-select',
             fileName: (format) => `vue-select.${format}.js`,
         },