Merge branch 'dev' into fix/button-group

nuxt · Nov 20, 2023 · a12065b · a12065b
2 parents fdc140b + 0cb5cc3
commit a12065b
Show file tree

Hide file tree

Showing 5 changed files with 378 additions and 3 deletions.
diff --git a/docs/components/content/examples/VerticalNavigationExampleIconSlot.vue b/docs/components/content/examples/VerticalNavigationExampleIconSlot.vue
@@ -32,7 +32,10 @@ const links = [{
 </script>
 
 <template>
-  <UVerticalNavigation :links="links">
+  <UVerticalNavigation 
+    :links="links"
+    :ui="{ wrapper: 'truncate' }"
+  >
     <template #icon="{ link }">
       <UIcon v-if="link.type" :name="types[link.type].icon" :class="types[link.type].color" class="text-base" />
       <UIcon v-else :name="types.default.icon" :class="types.default.color" class="text-base" />

diff --git a/docs/content/index.yml b/docs/content/index.yml
@@ -62,7 +62,7 @@ sections:
           height: 160
         orientation: 'horizontal'
     links:
-      - label: Explore the docs
+      - label: Explore docs
         to: /getting-started/theming
         color: white
         size: lg
@@ -72,7 +72,7 @@ sections:
     class: 'dark:bg-gradient-to-b from-gray-950/50 to-gray-900'
     slot: categories
     links:
-      - label: View all components
+      - label: Explore components
         to: /elements/accordion
         color: white
         size: lg
@@ -110,3 +110,16 @@ sections:
         badge: 3
 cta:
   title: Trusted and supported by our<br class="hidden lg:block"> amazing community
+pro:
+  title: 'Upgrade to <span class="text-primary">UI Pro</span> for more components'
+  description: 'Nuxt UI Pro is a collection of premium components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.<br>It includes all primitives to build landing pages, documentation, blogs, changelog, dashboards or entire SaaS products.'
+  image:
+    path: /illustrations/pro
+    width: 1216
+    height: 424
+  links:
+    - label: Explore Pro
+      to: /pro
+      color: white
+      size: lg
+      trailingIcon: i-heroicons-arrow-right-20-solid
diff --git a/docs/pages/index.vue b/docs/pages/index.vue
@@ -188,6 +188,26 @@
         </div>
       </ULandingCTA>
     </ULandingSection>
+
+    <ULandingSection :links="page.pro.links">
+      <template #title>
+        <span v-html="page.pro.title" />
+      </template>
+
+      <template #description>
+        <span v-html="page.pro.description" />
+      </template>
+
+      <UColorModeImage
+        :light="`${page.pro.image.path}-light.svg`"
+        :dark="`${page.pro.image.path}-dark.svg`"
+        :width="page.pro.image.width"
+        :height="page.pro.image.height"
+        :alt="page.pro.title"
+        loading="lazy"
+        class="w-full lg:-mb-16"
+      />
+    </ULandingSection>
   </div>
 </template>