import { mdsvex } from 'mdsvex';
import adapter from '@sveltejs/adapter-netlify';
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
import { join } from 'path';

/** @type {import('@sveltejs/kit').Config} */
const config = {
  // Consult https://svelte.dev/docs/kit/integrations
  // for more information about preprocessors
  preprocess: [vitePreprocess(), mdsvex({
    extensions: ['.md'], layout: {
      blog: join(import.meta.dirname, './src/lib/layout/Blog.svelte')
    },
    highlight: {
      highlighter: (code, lang, meta) => {
        console.log(meta);
        return `<Components.pre code={\`${code}\`} lang={\`${lang}\`} />`;
      }
    }
  })],

  kit: {
    // adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
    // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
    // See https://svelte.dev/docs/kit/adapters for more information about adapters.
    adapter: adapter()
  },

  extensions: ['.svelte', '.md']
};

export default config;