update

Author: tlylt

docs/api-examples.md

@@ -5,10 +5,10 @@ outline: deep
 <VueTree>
 C:/course/
   textbook/
-index.md
-index.md
-reading.md
-site.json
+    index.md
+    index.md
+  reading.md
+    site.json
 </VueTree>
 
 # Runtime API Examples

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@tlylt/vue-tree",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -19,7 +19,7 @@
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@tlylt/vue-tree": "^0.0.3",
+    "@tlylt/vue-tree": "^0.0.5",
     "@types/lodash": "^4.17.16",
     "@types/node": "^22.13.10",
     "@vitejs/plugin-vue": "^5.2.1",
@@ -49,9 +49,10 @@
   ],
   "exports": {
     ".": {
+      "types": "./dist/types/index.d.ts",
       "import": "./dist/vue-tree.es.js",
       "require": "./dist/vue-tree.umd.js"
     },
     "./style.css": "./dist/vue-tree.css"
   }
-}
+}

package.json

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import HelloWorld from './components/HelloWorld.vue'
-import { VueTree } from './index.ts'
+import VueTree from './components/VueTree.vue'
 
-// import {VueTree} from '@tlylt/vue-tree'
+// import { VueTree } from '@tlylt/vue-tree'
 // import '@tlylt/vue-tree/style.css'
 
 </script>
@@ -12,9 +12,10 @@ import { VueTree } from './index.ts'
   <VueTree>
   C:/course/
     textbook/
-      index.md
+    index.md
     index.md
     reading.md
     site.json
   </VueTree>
+
 </template>

src/App.vue

@@ -5,7 +5,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import { TreeNode } from './tree.ts';
+import { TreeNode } from './tree';
 
 export default defineComponent({
     name: 'VueTree',

src/components/VueTree.vue

@@ -8,7 +8,16 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "noUncheckedSideEffectImports": true,
+
+    /* Type Declaration */
+    "noEmit": false, // This is important to generate type declaration files
+    "emitDeclarationOnly": true, // This prevents the generation of JS files, which is left to vite
+    "declaration": true,
+    "declarationMap": true,
+    "outDir": "dist/types",
+    "rootDir": "src"
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "exclude": ["node_modules", "dist"]
 }

tsconfig.app.json

@@ -3,5 +3,5 @@
   "references": [
     { "path": "./tsconfig.app.json" },
     { "path": "./tsconfig.node.json" }
-  ]
+  ],
 }

tsconfig.json

@@ -11,7 +11,7 @@
     "allowImportingTsExtensions": true,
     "isolatedModules": true,
     "moduleDetection": "force",
-    "noEmit": true,
+    "noEmit": true, // This is important to prevent the generation of JS files
 
     /* Linting */
     "strict": true,

tsconfig.node.json

@@ -28,5 +28,6 @@ export default defineConfig({
         },
       },
     },
+    emptyOutDir: false, // to retain the types folder generated by tsc
   },
 })