better conf

Author: posva

auto-imports.d.ts

@@ -0,0 +1,50 @@
+// Generated by 'unplugin-auto-import'
+// We suggest you to commit this file into source control
+declare global {
+  const computed: typeof import('vue-tui')['computed']
+  const createApp: typeof import('vue-tui')['createApp']
+  const customRef: typeof import('vue-tui')['customRef']
+  const defineAsyncComponent: typeof import('vue-tui')['defineAsyncComponent']
+  const defineComponent: typeof import('vue-tui')['defineComponent']
+  const effectScope: typeof import('vue-tui')['effectScope']
+  const EffectScope: typeof import('vue-tui')['EffectScope']
+  const getCurrentInstance: typeof import('vue-tui')['getCurrentInstance']
+  const getCurrentScope: typeof import('vue-tui')['getCurrentScope']
+  const h: typeof import('vue-tui')['h']
+  const inject: typeof import('vue-tui')['inject']
+  const isReadonly: typeof import('vue-tui')['isReadonly']
+  const isRef: typeof import('vue-tui')['isRef']
+  const markRaw: typeof import('vue-tui')['markRaw']
+  const nextTick: typeof import('vue-tui')['nextTick']
+  const onActivated: typeof import('vue-tui')['onActivated']
+  const onBeforeMount: typeof import('vue-tui')['onBeforeMount']
+  const onBeforeUnmount: typeof import('vue-tui')['onBeforeUnmount']
+  const onBeforeUpdate: typeof import('vue-tui')['onBeforeUpdate']
+  const onDeactivated: typeof import('vue-tui')['onDeactivated']
+  const onErrorCaptured: typeof import('vue-tui')['onErrorCaptured']
+  const onMounted: typeof import('vue-tui')['onMounted']
+  const onRenderTracked: typeof import('vue-tui')['onRenderTracked']
+  const onRenderTriggered: typeof import('vue-tui')['onRenderTriggered']
+  const onScopeDispose: typeof import('vue-tui')['onScopeDispose']
+  const onServerPrefetch: typeof import('vue-tui')['onServerPrefetch']
+  const onUnmounted: typeof import('vue-tui')['onUnmounted']
+  const onUpdated: typeof import('vue-tui')['onUpdated']
+  const provide: typeof import('vue-tui')['provide']
+  const reactive: typeof import('vue-tui')['reactive']
+  const readonly: typeof import('vue-tui')['readonly']
+  const ref: typeof import('vue-tui')['ref']
+  const resolveComponent: typeof import('vue-tui')['resolveComponent']
+  const shallowReactive: typeof import('vue-tui')['shallowReactive']
+  const shallowReadonly: typeof import('vue-tui')['shallowReadonly']
+  const shallowRef: typeof import('vue-tui')['shallowRef']
+  const toRaw: typeof import('vue-tui')['toRaw']
+  const toRef: typeof import('vue-tui')['toRef']
+  const toRefs: typeof import('vue-tui')['toRefs']
+  const triggerRef: typeof import('vue-tui')['triggerRef']
+  const unref: typeof import('vue-tui')['unref']
+  const useAttrs: typeof import('vue-tui')['useAttrs']
+  const useSlots: typeof import('vue-tui')['useSlots']
+  const watch: typeof import('vue-tui')['watch']
+  const watchEffect: typeof import('vue-tui')['watchEffect']
+}
+export {}

package.json

@@ -15,6 +15,7 @@
     "@types/node": "^17.0.18",
     "@vitejs/plugin-vue": "^2.2.0",
     "typescript": "^4.5.4",
+    "unplugin-auto-import": "^0.6.0",
     "vite": "^2.8.0",
     "vue": "^3.2.25",
     "vue-tsc": "^0.31.4"

pnpm-lock.yaml

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from './renderer'
 const n = ref(0)
 
 onMounted(() => {

src/tui/App.vue

@@ -1,4 +1,4 @@
 import App from './App.vue'
-import { createApp } from './renderer'
+import { createApp } from 'vue-tui'
 
 createApp(App).mount()

src/tui/index.ts

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "baseUrl": ".",
     "target": "esnext",
     "useDefineForClassFields": true,
     "module": "esnext",
@@ -9,8 +10,17 @@
     "sourceMap": true,
     "resolveJsonModule": true,
     "esModuleInterop": true,
-    "lib": ["esnext"]
+    "lib": ["esnext"],
+    "paths": {
+      "vue-tui": ["src/tui/renderer/index.ts"]
+    }
   },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "include": [
+    "auto-imports.d.ts",
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue"
+  ],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

tsconfig.json

@@ -1,9 +1,75 @@
 import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
+import Vue from '@vitejs/plugin-vue'
+import AutoImport from 'unplugin-auto-import/vite'
+const VueTuiExports = [
+  // lifecycle
+  'onActivated',
+  'onBeforeMount',
+  'onBeforeUnmount',
+  'onBeforeUpdate',
+  'onErrorCaptured',
+  'onDeactivated',
+  'onMounted',
+  'onServerPrefetch',
+  'onUnmounted',
+  'onUpdated',
+
+  // setup helpers
+  'useAttrs',
+  'useSlots',
+
+  // reactivity,
+  'computed',
+  'customRef',
+  'isReadonly',
+  'isRef',
+  'markRaw',
+  'reactive',
+  'readonly',
+  'ref',
+  'shallowReactive',
+  'shallowReadonly',
+  'shallowRef',
+  'triggerRef',
+  'toRaw',
+  'toRef',
+  'toRefs',
+  'unref',
+  'watch',
+  'watchEffect',
+
+  // component
+  'defineComponent',
+  'defineAsyncComponent',
+  'getCurrentInstance',
+  'h',
+  'inject',
+  'nextTick',
+  'provide',
+  // 'useCssModule',
+  'createApp',
+
+  // effect scope
+  'effectScope',
+  'EffectScope',
+  'getCurrentScope',
+  'onScopeDispose',
+
+  // Vue 3 only
+  'onRenderTracked',
+  'onRenderTriggered',
+  'resolveComponent',
+  // 'useCssVars',
+]
 
 export default defineConfig({
   mode: 'build',
   publicDir: false,
+  resolve: {
+    alias: {
+      'vue-tui': './src/tui/renderer/index.ts',
+    },
+  },
   build: {
     minify: false,
     rollupOptions: {
@@ -23,5 +89,14 @@ export default defineConfig({
       include: ['src/tui/index.ts'],
     },
   },
-  plugins: [vue()],
+  plugins: [
+    AutoImport({
+      imports: [
+        {
+          'vue-tui': VueTuiExports,
+        },
+      ],
+    }),
+    Vue(),
+  ],
 })