chore: migrate to shadcn-docs (#519)

Author: danielroe

docs/.config/docs.yaml

@@ -1,5 +1,24 @@
-node_modules
-.nuxt
+# Nuxt dev/build outputs
 .output
+.data
+.nuxt
+.nitro
+.cache
 dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
 .DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

docs/.gitignore

@@ -0,0 +1,5 @@
+{
+  "recommendations": [
+    "nuxt.mdc"
+  ]
+}

docs/.vscode/extensions.json

@@ -0,0 +1,65 @@
+export default defineAppConfig({
+  shadcnDocs: {
+    site: {
+      name: 'magic-regexp',
+      description: 'Beautifully designed Nuxt Content template built with shadcn-vue. Customizable. Compatible. Open Source.',
+      ogImageComponent: 'ShadcnDocs',
+      ogImageColor: 'dark',
+    },
+    theme: {
+      customizable: false,
+      color: '',
+      radius: 0.5,
+    },
+    header: {
+      title: 'magic-regexp',
+      showTitle: true,
+      darkModeToggle: true,
+      logo: {
+        light: '/logo.svg',
+        dark: '/logo.svg',
+      },
+      nav: [],
+      links: [{
+        icon: 'lucide:github',
+        to: 'https://github.com/unjs/magic-regexp',
+        target: '_blank',
+      }],
+    },
+    aside: {
+      useLevel: true,
+      collapse: false,
+    },
+    main: {
+      breadCrumb: true,
+      showTitle: true,
+    },
+    footer: {
+      credits: 'Made with ❤️. Copyright © 2025 Daniel Roe',
+      links: [{
+        icon: 'lucide:github',
+        to: 'https://github.com/unjs/magic-regexp',
+        target: '_blank',
+      }],
+    },
+    toc: {
+      enable: true,
+      title: 'On This Page',
+      links: [{
+        title: 'Star on GitHub',
+        icon: 'lucide:star',
+        to: 'https://github.com/unjs/magic-regexp',
+        target: '_blank',
+      }, {
+        title: 'Create Issues',
+        icon: 'lucide:circle-dot',
+        to: 'https://github.com/unjs/magic-regexp/issues',
+        target: '_blank',
+      }],
+    },
+    search: {
+      enable: true,
+      inAside: false,
+    },
+  },
+})

docs/app.config.ts

@@ -0,0 +1,90 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 240 10% 3.9%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 240 10% 3.9%;
+
+    --primary: 320 90% 60%;
+    --primary-foreground: 0 0% 100%;
+
+    --secondary: 240 4.8% 95.9%;
+    --secondary-foreground: 240 5.9% 10%;
+
+    --muted: 240 4.8% 95.9%;
+    --muted-foreground: 240 3.8% 46.1%;
+
+    --accent: 240 4.8% 95.9%;
+    --accent-foreground: 240 5.9% 10%;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+
+    --border:240 5.9% 10%;
+    --input:240 5.9% 90%;
+    --ring:240 5.9% 10%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background:240 10% 3.9%;
+    --foreground:0 0% 98%;
+
+    --card:240 10% 3.9%;
+    --card-foreground:0 0% 98%;
+
+    --popover:240 10% 3.9%;
+    --popover-foreground:0 0% 98%;
+
+    --primary: 320 90% 60%;
+    --primary-foreground: 0 0% 100%;
+
+    --secondary:240 3.7% 15.9%;
+    --secondary-foreground:0 0% 98%;
+
+    --muted:240 3.7% 15.9%;
+    --muted-foreground:240 5% 64.9%;
+
+    --accent:240 3.7% 15.9%;
+    --accent-foreground:0 0% 98%;
+
+    --destructive:0 62.8% 30.6%;
+    --destructive-foreground:0 0% 98%;
+
+    --border:240 3.7% 15.9%;
+    --input:240 3.7% 15.9%;
+    --ring:240 4.9% 83.9%;
+  }
+}
+
+
+@layer utilities {
+  .step {
+    counter-increment: step;
+  }
+
+  .step:before {
+    @apply absolute w-9 h-9 bg-muted rounded-full font-mono font-medium text-center text-base inline-flex items-center justify-center -indent-px border-4 border-background;
+    @apply -ml-[50px] -mt-1;
+    content: counter(step);
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+
+  body {
+    @apply bg-background text-foreground;
+  }
+}

docs/assets/css/tailwind.css

@@ -7,7 +7,7 @@ It is also possible to convert existing regular expressions to `magic-regexp` sy
 ```ts
 import { convert } from 'magic-regexp/converter'
 
-convert(/a|b|c/)
+convert(/[abc]/)
 // createRegExp(exactly('a').or('b').or('c'))
 
 convert(/(foo)bar\d+/)