Vixt

应用 ​

使用 Vixt 后 , index.html , main.ts 将由 Vixt 接管处理

index.html ​

可以在app选项中配置生成index.html的内容

ts
import { defineVixtConfig } from 'vixt'

export default defineVixtConfig({
  app: {
    head: {
      title: [{ children: 'vixt-project' }],
    },
  },
})

main.ts ​

原本在 main.ts 引入第三方组件的操作，需要迁移至 VixtPlugin

ts
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

export default defineVixtPlugin({
  name: 'register',
  setup({ app }) {
    app.use(ElementPlus)
  },
})

app.config.ts ​

可以在任意ts文件中扩展 @vixt/core/client 的 VixtAppConfig 接口来自定义应用配置

随后可以用全局函数 useAppConfig() 来获取应用配置

如@vixt/vue中就定义了 vue-router 的配置

ts
import type { RouterOptions } from 'vue-router'

declare module '@vixt/core/client' {
  interface VixtAppConfig {
    router?: Partial<RouterOptions>
  }
}