vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ssr from 'vike/plugin'
import { fileURLToPath, URL } from "url";
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
import vueJsx from '@vitejs/plugin-vue-jsx'

export default defineConfig({
  resolve: {
    alias: {
      "#pages": fileURLToPath(new URL("./pages", import.meta.url)),
      "#cpnt": fileURLToPath(new URL("./components", import.meta.url)),
      "#assets": fileURLToPath(new URL("./assets", import.meta.url)),
      "#utils": fileURLToPath(new URL("./utils", import.meta.url)),
      "#store": fileURLToPath(new URL("./store", import.meta.url)),
    }
  },
  plugins: [
    vue(), 
    ssr(),
    AutoImport({
      imports: [
        'vue',
        {
          'naive-ui': [
            'useDialog',
            'useMessage',
            'useNotification',
            'useLoadingBar',
            'useDataTable',
            'useTable',
            'useButton'
          ]
        }
      ]
    }),
    Components({
      resolvers: [NaiveUiResolver()]
    }),
    vueJsx({
      // options are passed on to @vue/babel-plugin-jsx
    }),
  ],
  ssr: { noExternal: ['vuetify'] }
})