ๅ‡็บงๅˆฐ v1

v1.0 ็‰ˆๆœฌๅ˜ๆ›ดไธŽๅ‡็บงๆŒ‡ๅ—.

ๅ‡็บงๅˆฐๆœ€ๆ–ฐ็‰ˆๆœฌ็š„ shadcn-docs-nuxt

npm
pnpm
bun
yarn
npm i shadcn-docs-nuxt@latest

ๅ‘ Nuxt ้…็ฝฎๆทปๅŠ  i18n

nuxt.config.ts
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  extends: ['shadcn-docs-nuxt'],
  i18n: {     defaultLocale: 'en',     locales: [       {         code: 'en',         name: 'English',         language: 'en-US',       },     ],   },   compatibilityDate: '2024-07-06',
});

ๅœจ i18n ๅฑžๆ€งไธญ่ฎพ็ฝฎ defaultLocale ๅ’Œ locales ไธบไฝ ๅๅฅฝ็š„่ฏญ่จ€็Žฏๅขƒ. ่ฟ™็”จไบŽ็•Œ้ข่ฏญ่จ€.

ๅฝ“ๅ‰ๆ”ฏๆŒ็š„็•Œ้ข่ฏญ่จ€ๆœ‰:

  • en (English)
  • fr (Franรงais)
  • it (Italiano)
  • zh-CN (็ฎ€ไฝ“ไธญๆ–‡)
  • zh-TW (็น้ซ”ไธญๆ–‡)
  • ja (ๆ—ฅๆœฌ่ชž)
  • km (แž—แžถแžŸแžถแžแŸ’แž˜แŸ‚แžš)
  • ru (ะ ัƒััะบะธะน)
  • ko (ํ•œ๊ตญ์–ด)
  • hi (เคนเคฟเคจเฅเคฆเฅ€)
  • bn (เฆฌเฆพเฆ‚เฆฒเฆพ)
  • es (Espaรฑol)

ๆ›ดๆ–ฐ Tailwind CSS

assets/css/tailwind.css
@import 'tailwindcss';

@config '../../tailwind.config.js';
/* ๅฆ‚ๆžœไฝ ๅœจ monorepo ไธญไฝฟ็”จ shadcn-docs-nuxt, ่ฏทๆ›ดๆ”น .. ็š„ๆ•ฐ้‡ไปฅๅŒน้… node_modules ็›ฎๅฝ• */
@source '../../node_modules/shadcn-docs-nuxt';

@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    border-color: var(--color-gray-200, currentcolor);
  }
}

@utility step {
  counter-increment: 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 {
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;

    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;

    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;

    --primary: 221.2 83.2% 53.3%;
    --primary-foreground: 210 40% 98%;

    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;

    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;

    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;

    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;

    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 221.2 83.2% 53.3%;
    --radius: 0.5rem;
  }

  .dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;

    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;

    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;

    --primary: 217.2 91.2% 59.8%;
    --primary-foreground: 222.2 47.4% 11.2%;

    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;

    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;

    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;

    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;

    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 224.3 76.3% 48%;
  }
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }

  body {
    @apply bg-background text-foreground;
  }
}

If you want help upgrading, you can join the Discord Server and post in the ๐Ÿ”ผใƒปupgrade channel or DM me on Bluesky with a link to your project. I will do my best to answer questions / send PRs to help with the process.

็ผ–่พ‘ๆญค้กต้ข
้ƒจ็ฝฒ
้ƒจ็ฝฒๆ‚จ็š„ shadcn-docs-nuxt ๅบ”็”จ็จ‹ๅบ.
Markdown
ๆ‰€ๆœ‰ shadcn-docs ๆญฃๆ–‡็ป„ไปถ็š„ๅฑ•็คบ.