@wordup-md/nuxt-layer-shadcn-unocss 0.2.0

package/.playground/content/3.components/3.page/card.md

@@ -0,0 +1,142 @@
+---
+title: Card
+icon: lucide:square
+badges:
+  - value: Nuxt UI Pro
+    to: https://ui.nuxt.com/pro/prose/card
+    target: _blank
+  - value: Docus
+    to: https://docus.dev/api/components#card
+    target: _blank
+  - value: Source
+    icon: lucide:code
+    to: https://github.com/ZTL-UwU/shadcn-docs-nuxt/blob/main/components/content/Card.vue
+    target: _blank
+---
+
+## Usage
+
+::stack
+  ::div{class="p-4"}
+  ::card
+  ---
+  icon: lucide:box
+  ---
+
+  #title
+  Card Title
+
+  #description
+  Description
+
+  #content
+  Beautifully designed **Nuxt Content** template with **shadcn-vue**. _Customizable. Compatible. Open Source._
+
+  #footer
+  Footer
+  ::
+  ::
+  ```mdc
+  ::card
+  ---
+  icon: lucide:box
+  ---
+
+  #title
+  Card Title
+
+  #description
+  Description
+
+  #content
+  Beautifully designed **Nuxt Content** template with **shadcn-vue**. _Customizable. Compatible. Open Source._
+
+  #footer
+  Footer
+  ::
+  ```
+::
+
+### Link
+
+::stack
+  ::div{class="p-4"}
+  ::card
+  ---
+  to: https://github.com/ZTL-UwU/shadcn-docs-nuxt
+  target: _blank
+  # showLinkIcon: false
+  ---
+
+  #title
+  Link Card
+
+  #content
+  Beautifully designed **Nuxt Content** template with **shadcn-vue**. _Customizable. Compatible. Open Source._
+  ::
+  ::
+  ```mdc
+  ::card
+  ---
+  to: https://github.com/ZTL-UwU/shadcn-docs-nuxt
+  target: _blank
+  # showLinkIcon: false
+  ---
+
+  #title
+  Link Card
+
+  #content
+  Beautifully designed **Nuxt Content** template with **shadcn-vue**. _Customizable. Compatible. Open Source._
+  ::
+  ```
+::
+
+### Media
+
+::stack
+  ::div{class="p-4"}
+  ::card
+  ---
+  media: /og-nuxt.png
+  media-position: left
+  ---
+  #title
+  Image Card
+
+  #content
+  Beautifully designed **Nuxt Content** template with **shadcn-vue**. _Customizable. Compatible. Open Source._
+  ::
+  ::
+  ```mdc
+  ::card
+  ---
+  media: /og-nuxt.png
+  media-position: left
+  ---
+  #title
+  Media Card
+
+  #content
+  Beautifully designed **Nuxt Content** template with **shadcn-vue**. _Customizable. Compatible. Open Source._
+  ::
+  ```
+::
+
+## Props
+
+::field-group
+  :field{name="title" type="string"}[Card title]
+  :field{name="description" type="string"}[Card description]
+  :field{name="content" type="string"}[Card content]
+  :field{name="footer" type="string"}[Card footer]
+  :field{name="to" type="string"}[Link URL]
+  :field{name="target" type="Target"}[A `target` attribute value to apply on the link]
+  :field{name="external" type="boolean"}[Alias to `target='_blank'`]
+  :field{name="showLinkIcon" type="boolean" default-value="true"}[Whether to show the link indicator :icon{name="lucide:arrow-up-right"}]
+  :field{name="icon" type="string"}[Card icon]
+  :field{name="iconSize" type="number" default-value="24"}
+  :field{name="iconPosition" type="'top' | 'left'" default-value="'top'"}[Icon position]
+  :field{name="media" type="string"}[Media URL]
+  :field{name="media-position" type="'top' | 'left' | 'right' | 'bottom' | 'cover' | 'center'" default-value="'top'"}[Media position]
+::

package/.playground/content/3.components/3.page/collapsible.md

@@ -0,0 +1,61 @@
+---
+title: Collapsible
+icon: lucide:list-collapse
+badges:
+  - value: Nuxt UI Pro
+    to: https://ui.nuxt.com/pro/prose/collapsible
+    target: _blank
+  - value: Source
+    icon: lucide:code
+    to: https://github.com/ZTL-UwU/shadcn-docs-nuxt/blob/main/components/content/Collapsible.vue
+    target: _blank
+  - value: 0.5.8
+---
+
+## Usage
+
+### Simple
+
+::stack
+  ::div{class="p-4 md:p-6"}
+    ::collapsible
+    #title
+    Show properties
+
+    #content
+    This is a **Simple** style collapsible.
+    ::
+  ::
+  ```mdc
+  ::collapsible
+  #title
+  Show properties
+
+  #content
+  This is a **Simple** style collapsible.
+  ::
+  ```
+::
+
+### Card
+
+::stack
+  ::div{class="p-4 md:p-6"}
+    ::collapsible{variant="card" title="@peduarte starred 3 repositories"}
+    @radix-ui/primitives
+    ::
+  ::
+  ```mdc
+  ::collapsible{variant="card" title="@peduarte starred 3 repositories"}
+  @radix-ui/primitives
+  ::
+  ```
+::
+
+## Props
+
+::field-group
+  :field{name="variant" type="'simple' | 'card'" default-value="'simple'"}
+  :field{name="title" type="string"}[Collapsible title]
+  :field{name="defaultOpen" type="boolean" default-value="false"}
+::

package/.playground/content/3.components/3.page/hero-alt.md

@@ -0,0 +1,118 @@
+---
+title: HeroAlt
+icon: lucide:align-left
+badges:
+  - value: Source
+    icon: lucide:code
+    to: https://github.com/ZTL-UwU/shadcn-docs-nuxt/blob/main/components/content/HeroAlt.vue
+    target: _blank
+  - value: 0.4.0
+toc: false
+---
+
+## Usage
+
+::stack
+  ::div{class="p-4"}
+    ::hero-alt
+    ---
+    announcement:
+      title: 'Introducing Charts'
+      icon: 'lucide:pie-chart'
+      to: /getting-started
+    actions:
+      - name: Get Started
+        to: /getting-started
+      - name: GitHub
+        variant: ghost
+        to: https://github.com/ZTL-UwU/shadcn-docs-nuxt
+    ---
+
+    #title
+    Build your component library
+
+    #description
+    Beautifully designed components that you can copy and paste into your apps.
+    ::
+  ::
+  ```mdc
+  ::hero-alt
+  ---
+  announcement:
+    title: 'Introducing Charts'
+    icon: 'lucide:pie-chart'
+    to: /getting-started
+  actions:
+    - name: Get Started
+      to: /getting-started
+    - name: GitHub
+      variant: outline
+      to: https://github.com/ZTL-UwU/shadcn-docs-nuxt
+      leftIcon: 'lucide:github'
+  ---
+
+  #title
+  Build your component library
+
+  #description
+  Beautifully designed components that you can copy and paste into your apps.
+  ::
+  ```
+::
+
+### Right
+
+::stack
+  ::div{class="p-4"}
+    ::hero-alt
+    ---
+    announcement:
+      title: 'Introducing Charts'
+      icon: 'lucide:pie-chart'
+      to: /getting-started
+    actions:
+      - name: Get Started
+        to: /getting-started
+      - name: GitHub
+        variant: ghost
+        to: https://github.com/ZTL-UwU/shadcn-docs-nuxt
+    mobileRight: 'top' # 'top' | 'bottom'
+    ---
+
+    #title
+    Build your component library
+
+    #description
+    Beautifully designed components that you can copy and paste into your apps.
+
+    #right
+    ![logo](/logo.svg)
+    ::
+  ::
+  ```mdc
+  ::hero-alt
+  ---
+  announcement:
+    title: 'Introducing Charts'
+    icon: 'lucide:pie-chart'
+    to: /getting-started
+  actions:
+    - name: Get Started
+      to: /getting-started
+    - name: GitHub
+      variant: ghost
+      to: https://github.com/ZTL-UwU/shadcn-docs-nuxt
+  mobileRight: 'top' # 'top' | 'bottom'
+  ---
+
+  #title
+  Build your component library
+
+  #description
+  Beautifully designed components that you can copy and paste into your apps.
+
+  #right
+  ![logo](/logo.svg)
+  ::
+  ```
+::

package/.playground/content/3.components/3.page/hero.md

@@ -0,0 +1,60 @@
+---
+title: Hero
+icon: lucide:align-center
+badges:
+  - value: Source
+    icon: lucide:code
+    to: https://github.com/ZTL-UwU/shadcn-docs-nuxt/blob/main/components/content/Hero.vue
+    target: _blank
+---
+
+## Usage
+
+::stack
+  ::div{class="p-4"}
+    ::hero
+    ---
+    announcement:
+      title: 'Release v1.0.0'
+      icon: 'lucide:party-popper'
+      to: /getting-started
+    actions:
+      - name: Get Started
+        to: /getting-started
+      - name: GitHub
+        variant: outline
+        to: https://github.com/ZTL-UwU/shadcn-docs-nuxt
+        leftIcon: 'lucide:github'
+    ---
+
+    #title
+    Effortless and Beautiful :br Docs Template.
+
+    #description
+    Beautifully designed Nuxt Content template with shadcn-vue. :br Customizable. Compatible. Open Source.
+    ::
+  ::
+  ```mdc
+  ::hero
+  ---
+  announcement:
+    title: 'Release v1.0.0'
+    icon: 'lucide:party-popper'
+    to: /getting-started
+  actions:
+    - name: Get Started
+      to: /getting-started
+    - name: GitHub
+      variant: outline
+      to: https://github.com/ZTL-UwU/shadcn-docs-nuxt
+      leftIcon: 'lucide:github'
+  ---
+
+  #title
+  Effortless and Beautiful :br Docs Template.
+
+  #description
+  Beautifully designed Nuxt Content template with shadcn-vue. :br Customizable. Compatible. Open Source.
+  ::
+  ```
+::

package/.playground/content/3.components/3.page/team-card.md

@@ -0,0 +1,82 @@
+---
+title: Team Card
+icon: lucide:users
+description: ''
+badges:
+  - value: Source
+    icon: lucide:code
+    to: https://github.com/ZTL-UwU/shadcn-docs-nuxt/blob/main/components/content/TeamCard.vue
+    target: _blank
+  - value: 0.7.7
+---
+
+::stack
+  ::div{class="p-4"}
+    ::team-card-group
+      ::team-card
+      ---
+      avatar: https://www.github.com/ZTL-UwU.png
+      name: Tony Zhang
+      title: Author of shadcn-docs-nuxt
+      links:
+        - icon: lucide:github
+          to: https://github.com/ZTL-UwU
+        - icon: lucide:twitter
+          to: https://x.com/ZTL_UwU
+        - icon: lucide:coffee
+          to: https://ko-fi.com/ztl_uwu
+      ---
+      ::
+
+      ::team-card
+      ---
+      center: false
+      avatar: https://www.github.com/ZTL-UwU.png
+      name: Tony Zhang
+      title: Author of shadcn-docs-nuxt
+      links:
+        - icon: lucide:github
+          to: https://github.com/ZTL-UwU
+        - icon: lucide:twitter
+          to: https://x.com/ZTL_UwU
+        - icon: lucide:coffee
+          to: https://ko-fi.com/ztl_uwu
+      ---
+      ::
+    ::
+  ::
+  ```mdc
+  ::team-card-group
+    ::team-card
+    ---
+    avatar: https://www.github.com/ZTL-UwU.png
+    name: Tony Zhang
+    title: Author of shadcn-docs-nuxt
+    links:
+      - icon: lucide:github
+        to: https://github.com/ZTL-UwU
+      - icon: lucide:twitter
+        to: https://x.com/ZTL_UwU
+      - icon: lucide:coffee
+        to: https://ko-fi.com/ztl_uwu
+    ---
+    ::
+
+    ::team-card
+    ---
+    center: false
+    avatar: https://www.github.com/ZTL-UwU.png
+    name: Tony Zhang
+    title: Author of shadcn-docs-nuxt
+    links:
+      - icon: lucide:github
+        to: https://github.com/ZTL-UwU
+      - icon: lucide:twitter
+        to: https://x.com/ZTL_UwU
+      - icon: lucide:coffee
+        to: https://ko-fi.com/ztl_uwu
+    ---
+    ::
+  ::
+  ```
+::

package/.playground/content/3.components/_dir.yml

@@ -0,0 +1,2 @@
+title: MDC Components
+icon: lucide:box