import path from 'node:path'
import VuePlugin from '@vitejs/plugin-vue'
import { defineConfig } from 'vite'
import VueRouterPlugin from 'vue-router/vite'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    VueRouterPlugin(),
    VuePlugin(),
  ],
  resolve: {
    alias: [
      { find: '@app', replacement: path.resolve(__dirname, './src/app') },
      { find: '@pages', replacement: path.resolve(__dirname, './src/pages') },
      { find: '@widgets', replacement: path.resolve(__dirname, './src/widgets') },
      { find: '@features', replacement: path.resolve(__dirname, './src/features') },
      { find: '@entites', replacement: path.resolve(__dirname, './src/entites') },
      { find: '@shared', replacement: path.resolve(__dirname, './src/shared') },
      { find: '@', replacement: path.resolve(__dirname, './src') },
    ],
  },
  // css: {
  //   preprocessorOptions: {
  //     scss: {
  //       additionalData: `
  //         @use '${path.resolve(__dirname, './shared/styles/tokens.scss')}'' as *;
  //       `,
  //     },
  //   },
  // },
  server: {
    port: 3000,
    strictPort: true,
  },
  preview: {
    port: 3000,
    strictPort: true,
  },
  define: {
    __API_BASE_URL__: JSON.stringify(import.meta.env?.API_BASE_URL || 'http://localhost:4000/chad'),
    __COMMIT_SHA__: JSON.stringify(import.meta.env?.COMMIT_SHA || 'local'),
  },
})