import { viteBundler } from "@vuepress/bundler-vite";
import { defaultTheme } from "@vuepress/theme-default";
import { defineUserConfig } from "vuepress";
import { mediumZoomPlugin } from "@vuepress/plugin-medium-zoom";

export default defineUserConfig({
  bundler: viteBundler({
    viteOptions: {
      css: {
        preprocessorOptions: {
          scss: {
            // Uncomment if using SCSS variables
            // additionalData: '@import "layouts/styles/index.scss";',
          },
        },
      },
    },
  }),

  // Site meta and styles
  head: [
    ["link", { rel: "stylesheet", href: "/styles/index.scss" }],
    ["link", { rel: "icon", href: "/icon/logo.svg" }],
    ["link", { rel: "icon", href: "/icon/logo.svg" }],
  ],

  // Default theme config
  theme: defaultTheme({
    locales: {
      '/': {
        notFound: [
        `There's nothing here.`,
        `How did we get here?`,
        `That's a Four-Oh-Four.`,
        'The Snowboys took the page.',
        `Looks like we've got some broken links.`,
        'Oops! This page does not exist.',
        'Packhouse packed up this page.',
        'Oh no looks like an intern messed up the routing.',
        'Are you lost?',
        ],
       
      },
    },
    navbar: [
      { text: "About Project XR", link: "#about", class: "button" },
      { text: "Our Service", link: "#Service" },
      { text: "Projects", link: "#Projects" },
      // { text: "Plans & Pricing", link: "#StepsContainer" },
      { text: "Log In", link: "/config/README.md" },
    ],
    sidebar: false,
    logo: "/icon/logo.svg",
    // isdarkMode: false,
    colorMode: {
      defaultMode: 'light', // Start in light mode
      disableSwitch: true, // Hide the dark mode toggle
      respectPrefersColorScheme: false, // Don't care about system settings
    },
    
  }),

  // Plugins
  plugins: [
    mediumZoomPlugin({
      selector: '.zoom',
    }),
  ],

  lang: "en-US",
});