fix: type generation without vite-dts (#166)

Co-authored-by: Roc Wong <roc@kiwiberry.nz>

Author: mesqueeb

package.json

@@ -16,21 +16,23 @@
   },
   "homepage": "https://grid.kiwiberry.nz/",
   "files": [
-    "dist",
-    "src/*.*"
+    "dist"
   ],
-  "main": "./dist/vue-virtual-scroll-grid.umd.js",
-  "module": "./dist/vue-virtual-scroll-grid.es.js",
+  "module": "./dist/index.es.js",
+  "main": "./dist/index.umd.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/vue-virtual-scroll-grid.es.js",
-      "require": "./dist/vue-virtual-scroll-grid.umd.js"
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js",
+      "types": "./dist/index.d.ts"
     }
   },
   "license": "MIT",
   "scripts": {
+    "gen:types": "vue-tsc --declaration --emitDeclarationOnly",
     "serve": "vite preview",
-    "build": "vite build",
+    "build": "vite build && npm run gen:types",
     "build:demo": "vite build --mode demo",
     "dev": "vite",
     "lint": "vue-tsc --noEmit --skipLibCheck",
@@ -61,7 +63,6 @@
     "ts-jest": "^27.0.7",
     "typescript": "^4.5.2",
     "vite": "^2.6.13",
-    "vite-dts": "^1.0.3",
     "vue": "^3.2.23",
     "vue-tsc": ">=0.29.8"
   },

src/index.ts

@@ -0,0 +1,3 @@
+import Grid from './Grid.vue'
+
+export default Grid

tsconfig.json

@@ -1,6 +1,8 @@
 {
   "compilerOptions": {
-    "declaration": true,
+    "declaration": false,
+    "baseUrl": ".",
+    "outDir": "dist",
     "target": "esnext",
     "module": "esnext",
     "moduleResolution": "node",
@@ -12,5 +14,5 @@
     "lib": ["esnext", "dom"],
     "types": ["vite/client", "jest"],
   },
-  "include": ["src/*.ts", "src/*.d.ts", "src/*.tsx", "src/*.vue"]
+  "include": ["src/*.ts", "src/*.tsx", "src/*.vue"]
 }

vite.config.ts

@@ -3,11 +3,10 @@ import vue from "@vitejs/plugin-vue";
 import { homedir } from "os";
 import { existsSync, readFileSync } from "fs";
 import { resolve } from "path";
-import dts from "vite-dts";
 
 export default ({ mode }: ConfigEnv): UserConfig => {
   return {
-    plugins: [vue(), dts()],
+    plugins: [vue()],
     server: {
       open: true,
       https: existsSync(`${homedir()}/.localhost_ssl/server.key`)
@@ -23,8 +22,9 @@ export default ({ mode }: ConfigEnv): UserConfig => {
         ? {}
         : {
             lib: {
-              entry: resolve(__dirname, "src/Grid.vue"),
+              entry: resolve(__dirname, "src/index.ts"),
               name: "VirtualScrollGrid",
+              fileName: (format) => `index.${format}.js`,
             },
             rollupOptions: {
               // Make sure to externalize deps that shouldn't be bundled