@wordup-md/nuxt-layer-shadcn-unocss 0.2.28 → 0.3.0

package/.playground/app.config.ts

@@ -32,6 +32,9 @@ export default defineAppConfig({
         dark: '/logo-dark.svg',
       },
       border: true,
+      languageSwitcher: {
+        enable: true,
+      },
       darkModeToggle: true,
       nav: [{
         title: 'Docs',

package/.playground/content/fr/index.md

@@ -0,0 +1,31 @@
+---
+title: Accueil
+description: Effortless and Beautiful Template.
+layout: editorial
+navigation: false
+---
+
+::hero
+---
+actions:
+  - name: Démarrez
+    to: /fr/getting-started/introduction
+  - name: GitHub
+    variant: outline
+    to: https://github.com/wordup-md/nuxt-layer-shadcn-unocss
+    leftIcon: lucide:github
+announcement:
+  title: Version 0.8.13
+  icon: 🎉
+  to: https://github.com/wordup-md/nuxt-layer-shadcn-unocss/releases/latest
+  target: _blank
+class: full-width full-content
+---
+#title
+Accueil
+
+#description
+Construisez votre documentation, blog, boutique ou tout autre chose avec facilité. :br
+
+Template Nuxt Content construit avec [shadcn-vue](https://www.shadcn-vue.com) et [unocss](https://unocss.dev).
+::

package/.playground/nuxt.config.ts

@@ -44,6 +44,18 @@ export default defineNuxtConfig({
 
   i18n: {
     defaultLocale: 'en',
+    locales: [
+      {
+        code: 'en',
+        name: 'English',
+        language: 'en-US',
+      },
+      {
+        code: 'fr',
+        name: 'Français',
+        language: 'fr-FR',
+      },
+    ],
   },
 
   unocss: {

package/components/content/Badge.vue

@@ -1,5 +1,5 @@
 <template>
-  <NuxtLink
+  <NuxtLinkLocale
     v-if="to"
     :to
     :target
@@ -21,7 +21,7 @@
       </span>
       <ContentSlot unwrap="p" />
     </UiBadge>
-  </NuxtLink>
+  </NuxtLinkLocale>
 
   <span
     v-else

package/components/content/ButtonLink.vue

@@ -1,5 +1,5 @@
 <template>
-  <NuxtLink
+  <NuxtLinkLocale
     :to="to || href"
     :target="(blank && '_blank') || target"
     class="button-link block"
@@ -26,7 +26,7 @@
         class="ml-2"
       />
     </UiButton>
-  </NuxtLink>
+  </NuxtLinkLocale>
 </template>
 
 <script setup lang="ts">

package/components/content/Card.vue

@@ -136,14 +136,14 @@
   <div
     :class="cn('group/card group-has-[div]:mt-0 [&:not(:first-child)]:mt-5', String($attrs.class || ''))"
   >
-    <NuxtLink
+    <NuxtLinkLocale
       v-if="to"
       :to
       :target
       style="text-decoration: none; font-weight: 500"
     >
       <CardInner />
-    </NuxtLink>
+    </NuxtLinkLocale>
 
     <CardInner v-else />
   </div>

package/components/content/Hero.vue

@@ -30,7 +30,7 @@
     </div>
 
     <div class="hero__content flex flex-col gap-6 w-full z-1 of-hidden">
-      <NuxtLink
+      <NuxtLinkLocale
         v-if="announcement"
         :to="announcement.to"
         :target="announcement.target"
@@ -55,7 +55,7 @@
           name="lucide:arrow-right"
           class="ml-1 size-4"
         />
-      </NuxtLink>
+      </NuxtLinkLocale>
 
       <h1 class="hero__title text-center text-3xl font-bold md:text-6xl md:leading-[1.25]">
         <ContentSlot
@@ -78,7 +78,7 @@
         v-if="actions"
         class="hero__actions flex w-full items-center justify-center space-x-4 py-4 md:pb-10"
       >
-        <NuxtLink
+        <NuxtLinkLocale
           v-for="(action, i) in actions"
           :key="i"
           :to="action.to"
@@ -100,7 +100,7 @@
               class="ml-1"
             />
           </UiButton>
-        </NuxtLink>
+        </NuxtLinkLocale>
       </section>
 
       <div

package/components/content/HeroAlt.vue

@@ -7,7 +7,7 @@
       class="flex flex-col items-start gap-2"
       :class="{ 'md:col-span-2': $slots.right }"
     >
-      <NuxtLink
+      <NuxtLinkLocale
         v-if="announcement"
         :to="announcement.to"
         :target="announcement.target"
@@ -30,7 +30,7 @@
           name="lucide:arrow-right"
           class="ml-1 size-4"
         />
-      </NuxtLink>
+      </NuxtLinkLocale>
 
       <h1
         class="text-3xl font-bold leading-tight tracking-tighter md:text-4xl lg:leading-[1.1]"
@@ -48,7 +48,7 @@
       </p>
 
       <div class="flex w-full items-center justify-start gap-2 py-2">
-        <NuxtLink
+        <NuxtLinkLocale
           v-for="(action, i) in actions"
           :key="i"
           :to="action.to"
@@ -70,7 +70,7 @@
               class="ml-1"
             />
           </UiButton>
-        </NuxtLink>
+        </NuxtLinkLocale>
       </div>
     </section>
     <div

package/components/content/MenuItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <NuxtLink
+  <NuxtLinkLocale
     :to="link._path"
     class="flex items-center gap-2 rounded-md p-2 text-sm text-foreground/80 hover:bg-muted hover:text-primary"
     :class="[
@@ -8,7 +8,7 @@
     ]"
   >
     <LayoutAsideTreeItemButton :link />
-  </NuxtLink>
+  </NuxtLinkLocale>
 </template>
 
 <script setup lang="ts">

package/components/content/ProseA.vue

@@ -1,12 +1,12 @@
 <template>
-  <NuxtLink
+  <NuxtLinkLocale
     :to="href"
     :target="target"
     :external="external"
     :class="cn('font-semibold underline underline-offset-4', String($attrs.class || ''))"
   >
     <slot />
-  </NuxtLink>
+  </NuxtLinkLocale>
 </template>
 
 <script setup lang="ts">

package/components/content/ProseH1.vue

@@ -3,12 +3,12 @@
     :id
     class="prose-h1 scroll-m-20 text-4xl font-extrabold tracking-tight text-pretty lg:text-5xl"
   >
-    <NuxtLink
+    <NuxtLinkLocale
       v-if="generate"
       :to="`#${id}`"
     >
       <slot />
-    </NuxtLink>
+    </NuxtLinkLocale>
     <slot v-else />
   </h1>
 </template>

package/components/content/ProseH2.vue

@@ -3,12 +3,12 @@
     :id
     class="prose-h2 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors [&:not(:first-child)]:mt-10"
   >
-    <NuxtLink
+    <NuxtLinkLocale
       v-if="id && generate"
       :to="`#${id}`"
     >
       <slot />
-    </NuxtLink>
+    </NuxtLinkLocale>
     <slot v-else />
   </h2>
 </template>

package/components/content/ProseH3.vue

@@ -3,12 +3,12 @@
     :id
     class="prose-h3 scroll-m-20 text-2xl font-semibold tracking-tight [&:not(:first-child)]:mt-8"
   >
-    <NuxtLink
+    <NuxtLinkLocale
       v-if="id && generate"
       :to="`#${id}`"
     >
       <slot />
-    </NuxtLink>
+    </NuxtLinkLocale>
     <slot v-else />
   </h3>
 </template>

package/components/content/ProseH4.vue

@@ -3,12 +3,12 @@
     :id
     class="prose-h4 scroll-m-20 text-xl font-semibold tracking-tight [&:not(:first-child)]:mt-6"
   >
-    <NuxtLink
+    <NuxtLinkLocale
       v-if="id && generate"
       :to="`#${id}`"
     >
       <slot />
-    </NuxtLink>
+    </NuxtLinkLocale>
     <slot v-else />
   </h4>
 </template>

package/components/content/ProseH5.vue

@@ -3,12 +3,12 @@
     :id
     class="prose-h5 scroll-m-20 text-lg font-semibold tracking-tight [&:not(:first-child)]:mt-6"
   >
-    <NuxtLink
+    <NuxtLinkLocale
       v-if="id && generate"
       :to="`#${id}`"
     >
       <slot />
-    </NuxtLink>
+    </NuxtLinkLocale>
     <slot v-else />
   </h5>
 </template>

package/components/content/ProseH6.vue

@@ -3,12 +3,12 @@
     :id
     class="prose-h6 scroll-m-20 text-lg font-semibold tracking-tight [&:not(:first-child)]:mt-6"
   >
-    <NuxtLink
+    <NuxtLinkLocale
       v-if="id && generate"
       :to="`#${id}`"
     >
       <slot />
-    </NuxtLink>
+    </NuxtLinkLocale>
     <slot v-else />
   </h6>
 </template>

package/components/content/TeamCard.vue

@@ -23,14 +23,14 @@
           class="flex gap-3 text-secondary-foreground"
           :class="{ 'mx-auto': center }"
         >
-          <NuxtLink
+          <NuxtLinkLocale
             v-for="link in links"
             :key="link.to"
             :to="link.to"
             :target="link.target"
           >
             <Icon :name="link.icon" />
-          </NuxtLink>
+          </NuxtLinkLocale>
         </div>
       </div>
     </UiCardHeader>

package/components/layout/AsideMenuItem.vue

@@ -72,7 +72,7 @@ const isOpen = ref(false)
     </template>
   </div>
 
-  <NuxtLink
+  <NuxtLinkLocale
     v-else
     :to="redirect ?? _path ?? to"
     class="flex h-8 items-center gap-2 rounded-md p-2 text-sm text-foreground/80 hover:bg-muted hover:text-primary"
@@ -99,5 +99,5 @@ const isOpen = ref(false)
         {{ badge.value }}
       </Badge>
     </span>
-  </NuxtLink>
+  </NuxtLinkLocale>
 </template>

package/components/layout/AsideTree2.vue

@@ -1,5 +1,5 @@
 <template>
-  <NuxtLink
+  <NuxtLinkLocale
     :to
     class="flex items-center gap-2 rounded-md p-2 text-sm text-foreground/80 hover:bg-muted hover:text-primary"
   >
@@ -10,7 +10,7 @@
       :size="16"
     />
     {{ title }}
-  </NuxtLink>
+  </NuxtLinkLocale>
 </template>
 
 <script setup lang="ts">

package/components/layout/AsideTreeItem.vue

@@ -43,7 +43,7 @@
       </template>
     </div>
     <!-- Page -->
-    <NuxtLink
+    <NuxtLinkLocale
       v-else
       :to="link._path"
       class="flex items-center gap-2 rounded-md p-2 text-sm text-foreground/80 hover:bg-muted hover:text-primary"
@@ -53,7 +53,7 @@
       ]"
     >
       <LayoutAsideTreeItemButton :link />
-    </NuxtLink>
+    </NuxtLinkLocale>
   </li>
 </template>
 

package/components/layout/Banner.vue

@@ -8,7 +8,7 @@
         'border-b': border,
       }"
     >
-      <NuxtLink
+      <NuxtLinkLocale
         :to
         class="container flex items-stretch w-full md:px-8 h-full"
         @click.prevent.stop="navigate"
@@ -18,7 +18,7 @@
           :value="content"
           class="flex items-center justify-center text-primary text-lg w-full"
         />
-      </NuxtLink>
+      </NuxtLinkLocale>
 
       <div class="absolute right-0 top-0 h-full">
         <div class="container h-full flex items-stretch justify-end">

package/components/layout/Breadcrumb.vue

@@ -6,7 +6,7 @@
         :key="breadcrumb.title"
       >
         <UiBreadcrumbItem>
-          <NuxtLink
+          <NuxtLinkLocale
             :href="breadcrumb.href || '#'"
             class="transition-colors hover:text-foreground flex items-center gap-2"
             :class="index === breadcrumbs.length - 1 && 'text-foreground'"
@@ -23,7 +23,7 @@
               :name="breadcrumb.media"
             />
             {{ breadcrumb.title }}
-          </NuxtLink>
+          </NuxtLinkLocale>
         </UiBreadcrumbItem>
 
         <UiBreadcrumbSeparator v-if="index !== breadcrumbs.length - 1" />

package/components/layout/EditLink.vue

@@ -3,7 +3,7 @@
     v-if="enabledPageFooter"
     class="mb-6 w-fit"
   >
-    <NuxtLink
+    <NuxtLinkLocale
       :to="url"
       target="_blank"
       class="text-sm font-semibold text-primary"
@@ -14,7 +14,7 @@
           {{ $t(text) }}
         </span>
       </div>
-    </NuxtLink>
+    </NuxtLinkLocale>
   </div>
 </template>
 

package/components/layout/Footer.vue

@@ -13,7 +13,7 @@
         class="text-sm"
       />
       <span class="flex-1" />
-      <NuxtLink
+      <NuxtLinkLocale
         v-for="(link, i) in footer.links"
         :key="i"
         :to="link?.to"
@@ -32,7 +32,7 @@
           />
           <span v-if="link?.title">{{ $t(link.title) }}</span>
         </UiButton>
-      </NuxtLink>
+      </NuxtLinkLocale>
 
       <ButtonLogin v-if="footer.showLogin" />
     </div>

package/components/layout/FooterItem.vue

@@ -22,7 +22,7 @@ defineProps<{
         unwrap="p"
       />
     </div>
-    <!-- <NuxtLink
+    <!-- <NuxtLinkLocale
       :to
       :target
       class="mb-1 flex w-full gap-2 rounded-md px-3 py-2 transition-all hover:bg-muted"
@@ -45,6 +45,6 @@ defineProps<{
           {{ description }}
         </div>
       </div>
-    </NuxtLink> -->
+    </NuxtLinkLocale> -->
   </component>
 </template>

package/components/layout/FooterSubmenuItem.vue

@@ -12,7 +12,7 @@ const { to, target, icon, title, description, tag } = defineProps<{
 
 <template>
   <component :is="tag || 'div'">
-    <NuxtLink
+    <NuxtLinkLocale
       :to
       :target
       class="mb-1 flex w-full gap-1 group"
@@ -34,6 +34,6 @@ const { to, target, icon, title, description, tag } = defineProps<{
           {{ description }}
         </div>
       </div>
-    </NuxtLink>
+    </NuxtLinkLocale>
   </component>
 </template>

package/components/layout/Header/Logo.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <NuxtLink
+    <NuxtLinkLocale
       v-if="logo.light && logo.dark"
       to="/"
       class="logo__container flex transition"
@@ -21,7 +21,7 @@
       >
         {{ $t(title) }}
       </div>
-    </NuxtLink>
+    </NuxtLinkLocale>
   </div>
 </template>
 

package/components/layout/Header/MenuItem.vue

@@ -17,7 +17,7 @@ const { to, target, showLinkIcon, icon, title, tag, dropdownClass }
 
 <template>
   <UiNavigationMenuItem class="relative">
-    <NuxtLink
+    <NuxtLinkLocale
       v-if="!$slots.content"
       :to
       :target
@@ -42,7 +42,7 @@ const { to, target, showLinkIcon, icon, title, tag, dropdownClass }
         <span v-if="title">{{ title }}</span>
         <slot v-else-if="$slots.default" />
       </div>
-    </NuxtLink>
+    </NuxtLinkLocale>
 
     <template v-else>
       <UiNavigationMenuTrigger

package/components/layout/Header/Nav.vue

@@ -19,7 +19,7 @@
                 v-for="link in item.links"
                 :key="link.title"
               >
-                <NuxtLink
+                <NuxtLinkLocale
                   :to="link.to"
                   :target="link.target"
                   class="mb-1 flex w-full gap-2 rounded-md px-3 py-2 transition-all hover:bg-muted"
@@ -39,12 +39,12 @@
                       {{ $t(link.description) }}
                     </div>
                   </div>
-                </NuxtLink>
+                </NuxtLinkLocale>
               </li>
             </ul>
           </UiNavigationMenuContent>
         </template>
-        <NuxtLink
+        <NuxtLinkLocale
           v-else
           :to="item.to"
           :target="item.target"
@@ -64,7 +64,7 @@
           >
             {{ $t(item.title) }}
           </div>
-        </NuxtLink>
+        </NuxtLinkLocale>
       </UiNavigationMenuItem>
     </UiNavigationMenuList>
   </UiNavigationMenu>

package/components/layout/Header/NavMobileItem.vue

@@ -19,7 +19,7 @@
             v-for="link in item.links"
             :key="link.title"
           >
-            <NuxtLink
+            <NuxtLinkLocale
               :to="link.to"
               :target="link.to"
               class="mb-1 flex w-full gap-2 rounded-md px-3 py-2 transition-all hover:bg-muted"
@@ -39,13 +39,13 @@
                   {{ $t(link.description) }}
                 </div>
               </div>
-            </NuxtLink>
+            </NuxtLinkLocale>
           </li>
         </ul>
       </UiCollapsibleContent>
     </UiCollapsible>
   </template>
-  <NuxtLink
+  <NuxtLinkLocale
     v-else
     :to="item.to"
     :target="item.target"
@@ -58,7 +58,7 @@
       class="ml-1 text-muted-foreground"
       size="12"
     />
-  </NuxtLink>
+  </NuxtLinkLocale>
 </template>
 
 <script setup lang="ts">

package/components/layout/Header/SubmenuItem.vue

@@ -12,7 +12,7 @@ const { to, target, icon, title, description, tag } = defineProps<{
 
 <template>
   <component :is="tag || 'div'">
-    <NuxtLink
+    <NuxtLinkLocale
       :to
       :target
       class="mb-1 flex w-full gap-2 rounded-md px-3 py-2 transition-all hover:bg-muted"
@@ -34,6 +34,6 @@ const { to, target, icon, title, description, tag } = defineProps<{
           {{ description }}
         </div>
       </div>
-    </NuxtLink>
+    </NuxtLinkLocale>
   </component>
 </template>

package/components/layout/Header.vue

@@ -54,7 +54,7 @@
           <NuxtLinkLocale
             v-for="(link, i) in config.header.links"
             :key="i"
-            :to="localePath(link?.to)"
+            :to="link?.to"
             :target="link?.target"
           >
             <UiButton
@@ -87,7 +87,7 @@ import { useWindowScroll } from '@vueuse/core'
 import { cn } from '@/lib/utils'
 
 const config = useConfig()
-const { i18nEnabled, localePath } = useI18nDocs()
+const { i18nEnabled } = useI18nDocs()
 
 const { y } = useWindowScroll()
 

package/components/layout/PrevNextButton.vue

@@ -1,5 +1,5 @@
 <template>
-  <NuxtLink
+  <NuxtLinkLocale
     v-if="prevNext && prevNext._path"
     :to="prevNext._path"
     class="inline-block w-full mb-6 space-y-2 rounded-lg border p-4 transition-all hover:bg-muted/50"
@@ -37,7 +37,7 @@
         />
       </div>
     </div>
-  </NuxtLink>
+  </NuxtLinkLocale>
 </template>
 
 <script setup lang="ts">

package/components/layout/Title.vue

@@ -23,7 +23,7 @@
         :key="i"
       >
         <template v-if="badge.to">
-          <NuxtLink
+          <NuxtLinkLocale
             :to="badge.to"
             :target="badge.target"
           >
@@ -38,7 +38,7 @@
               />
               {{ badge.value }}
             </UiBadge>
-          </NuxtLink>
+          </NuxtLinkLocale>
         </template>
 
         <UiBadge
@@ -61,7 +61,7 @@
       v-if="authors"
       class="-mx-4 flex divide-x pt-4"
     >
-      <NuxtLink
+      <NuxtLinkLocale
         v-for="author in authors"
         :key="author.name"
         :to="author.to"
@@ -88,7 +88,7 @@
             @{{ author.username }}
           </div>
         </div>
-      </NuxtLink>
+      </NuxtLinkLocale>
     </div>
   </div>
 </template>

package/components/layout/Toc.vue

@@ -24,7 +24,7 @@
           <NuxtLinkLocale
             v-for="(link, i) in links"
             :key="i"
-            :to="localePath(link.to)"
+            :to="link.to"
             :target="link.target"
             class="flex w-full gap-1 underline-offset-4 hover:underline [&:not(:first-child)]:pt-3"
           >
@@ -76,7 +76,6 @@
 defineProps<{ isSmall?: boolean }>()
 
 const { toc } = useContent()
-const { localePath } = useI18nDocs()
 const { title, links: configLinks } = useConfig().value.toc
 const { border } = useConfig().value.header
 const isOpen = ref(false)

package/components/layout/TocTree.vue

@@ -11,7 +11,7 @@
           class="absolute md:ml-1.5 left-0 top-0 bottom-0 w-px transition-colors duration-300 ease-in-out"
           :class="isActive(link) ? 'bg-primary' : 'bg-border'"
         />
-        <NuxtLink
+        <NuxtLinkLocale
           :to="`#${link.id}`"
           class="text-muted-foreground transition-all hover:text-primary"
           :class="{
@@ -20,7 +20,7 @@
           }"
         >
           {{ link.text }}
-        </NuxtLink>
+        </NuxtLinkLocale>
       </div>
       <TocTree
         v-if="link.children"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wordup-md/nuxt-layer-shadcn-unocss",
   "type": "module",
-  "version": "0.2.28",
+  "version": "0.3.0",
   "author": "Emmanuel Salomon <emmanuel.salomon@gmail.com>",
   "main": "./nuxt.config.ts",
   "repository": {
@@ -16,20 +16,6 @@
     "wordup-md"
   ],
   "license": "MIT",
-  "scripts": {
-    "dev": "nuxt dev .playground",
-    "dev:unpress": "UNPRESS=true nuxt dev .playground",
-    "dev:root": "nuxt dev",
-    "prepare": "npx nuxt prepare .playground",
-    "build": "npx nuxt build .playground",
-    "generate": "npx nuxt generate .playground",
-    "preview": "npx nuxt preview .playground",
-    "lint": "eslint .",
-    "build:json-doc": "tsx scripts/buildContentDoc-cli.ts",
-    "bump": "pnpm build:json-doc && git add public/content-doc.json && bumpp --skip-install --commit --push --tag",
-    "release": "pnpm bump && npm publish",
-    "clean": "find . -name 'node_modules' -type d -prune -exec rm -rf '{}' + && find . -name '.nuxt' -type d -prune -exec rm -rf '{}' + && find . -name '.output' -type d -prune -exec rm -rf '{}' + && find . -name 'dist' -prune -exec rm -rf '{}' +"
-  },
   "devDependencies": {
     "@nuxt/eslint": "latest",
     "@nuxt/kit": "^3.17.2",
@@ -69,9 +55,17 @@
     "tailwind-merge": "^3.2.0"
   },
   "packageManager": "pnpm@10.4.1",
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "sharp"
-    ]
+  "scripts": {
+    "dev": "nuxt dev .playground",
+    "dev:unpress": "UNPRESS=true nuxt dev .playground",
+    "dev:root": "nuxt dev",
+    "build": "npx nuxt build .playground",
+    "generate": "npx nuxt generate .playground",
+    "preview": "npx nuxt preview .playground",
+    "lint": "eslint .",
+    "build:json-doc": "tsx scripts/buildContentDoc-cli.ts",
+    "bump": "pnpm build:json-doc && git add public/content-doc.json && bumpp --skip-install --commit --push --tag",
+    "release": "pnpm bump && npm publish",
+    "clean": "find . -name 'node_modules' -type d -prune -exec rm -rf '{}' + && find . -name '.nuxt' -type d -prune -exec rm -rf '{}' + && find . -name '.output' -type d -prune -exec rm -rf '{}' + && find . -name 'dist' -prune -exec rm -rf '{}' +"
   }
-}
+}

package/pages/index.vue

@@ -1,6 +1,7 @@
 <template>
-  <NuxtLayout :class="page.header?.position === 'over' && 'header-over'">
+  <NuxtLayout :class="page?.header?.position === 'over' && 'header-over'">
     <ContentCms
+      v-if="page"
       :key="page._id"
       :value="page"
       class="content-grid"

package/.playground/content/_menu-aside.md

@@ -1,6 +0,0 @@
-# [](/getting-started)
-
-# [](/content-elements)
-
-# [](/components/)
-