type support added

Author: daniel007enirman

.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"

src/components/Select.vue

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

src/index.js renamed to src/index.ts

@@ -1,12 +1,14 @@
 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({
+        insertTypesEntry: true,
+      })],
     publicDir: false,
     resolve: {
         alias: {
@@ -17,7 +19,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`,
         },