import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
import { dirname, join } from 'path';
import { fileURLToPath } from 'url';

const currentDir = dirname(fileURLToPath(import.meta.url))

export default defineConfig({
  plugins: [sveltekit()],
  server: {
    port: 4242
  },
  css: {
    preprocessorOptions: {
      scss: {
        api: 'modern',
        additionalData: `
          @use "${join(currentDir, './src/styles/functions')}" as *;
          @use "${join(currentDir, './src/styles/variables')}" as *;
        `
      }
    }
  }
});