Getting Started

Installation

This is the how you go about installing this thing.

Notice

This is just random dummy data. Don't take it too seriously.

Nuxt Config

This is what my config file looks like

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: [
    "@nuxt/content",
    "nuxt-icon",
    "@nuxtjs/tailwindcss",
    "@vueuse/nuxt",
    "nuxt-lodash",
    "nuxt-headlessui",
  ],
  content: {
    documentDriven: true,
    highlight: {
      theme: {
        default: "material-lighter",
        dark: "material-palenight",
      },
    },
  },
  headlessui: { prefix: "H" },
  app: {
    head: {
      title: "Duxt",
      titleTemplate: "%s - Duxt",
      link: [
        //Inter font
        { rel: "stylesheet", href: "https://rsms.me/inter/inter.css" },
        { rel: "preconnect", href: "https://rsms.me/" },
        // Mono font
        {
          rel: "stylesheet",
          href: "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap",
        },
      ],
    },
  },

  // This will ensure that when we go to the / page, we get redirected to the /getting-started page
  routeRules: {
    "/": { redirect: "/getting-started" },
  },
});

Shoutout to all the people who made these awesome modules.

One line

npx nuxi@latest init .