From e598ca5b402576fdc10ce448fb84fc9c477a3567 Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Thu, 1 Aug 2024 17:17:52 +0200 Subject: [PATCH] docs: clean --- docs/content/3.components/collapsible.md | 18 +++--------------- docs/content/3.components/icon.md | 5 +---- docs/content/3.components/tooltip.md | 8 +------- 3 files changed, 5 insertions(+), 26 deletions(-) diff --git a/docs/content/3.components/collapsible.md b/docs/content/3.components/collapsible.md index 36f64981..50f2a26d 100644 --- a/docs/content/3.components/collapsible.md +++ b/docs/content/3.components/collapsible.md @@ -15,11 +15,7 @@ Use a [Button](/components/button) or any other component in the default slot of Then, use the `#content` slot to add the content displayed when the Collapsible is open. -::component-example ---- -name: 'collapsible-example' ---- -:: +:component-example{name="collapsible-example"} ## Examples @@ -27,11 +23,7 @@ name: 'collapsible-example' You can control the open state by using the `default-open` prop or the `v-model:open` directive. -::component-example ---- -name: 'collapsible-open-example' ---- -:: +:component-example{name="collapsible-open-example"} ::note In this example, press :kbd{value="O" color="blue"} to toggle the Collapsible. @@ -41,11 +33,7 @@ In this example, press :kbd{value="O" color="blue"} to toggle the Collapsible. Here is an example with a rotating icon in the Button that indicates the open state of the Collapsible. -::component-example ---- -name: 'collapsible-icon-example' ---- -:: +:component-example{name="collapsible-icon-example"} ## API diff --git a/docs/content/3.components/icon.md b/docs/content/3.components/icon.md index 26a2c2f9..8b27c61d 100644 --- a/docs/content/3.components/icon.md +++ b/docs/content/3.components/icon.md @@ -1,9 +1,6 @@ --- -description: Add 200,000+ ready to use icons to your Nuxt application, based on Iconify. +description: A wrapper around Nuxt Icon component to display icons. links: - - label: Iconify - icon: i-simple-icons-iconify - to: https://icones.js.org - label: Nuxt Icon icon: i-simple-icons-github to: https://github.com/nuxt/icon diff --git a/docs/content/3.components/tooltip.md b/docs/content/3.components/tooltip.md index 34cbfc5c..9dd0a0be 100644 --- a/docs/content/3.components/tooltip.md +++ b/docs/content/3.components/tooltip.md @@ -166,13 +166,7 @@ slots: You can control the open state by using the `default-open` prop or the `v-model:open` directive. -::component-example ---- -name: 'tooltip-open-example' -props: - class: 'w-full' ---- -:: +:component-example{name="tooltip-open-example"} ::note In this example, press :kbd{value="O"} to toggle the Tooltip.