chore(content): apply studio formating

Author: larbish

content/1.getting-started/2.installation.md

@@ -3,11 +3,7 @@ title: Installation
 description: Get started with Nuxt UI Pro documentation template.
 ---
 
-::tip
----
-target: _blank
-to: https://content.nuxt.com/templates/docs
----
+::tip{target="_blank" to="https://content.nuxt.com/templates/docs"}
 Use this template on Nuxt Studio and start your documentation in seconds.
 ::
 

content/1.getting-started/3.usage.md

@@ -5,18 +5,13 @@ description: Learn how to write and customize your documentation.
 
 This is only a basic example of what you can achieve with [Nuxt UI Pro](https://ui.nuxt.com/pro/guide), you can tweak it to match your needs. The template uses several Nuxt modules underneath like [`@nuxt/content`](https://content.nuxt.com) for the content, [`@nuxtjs/fontaine`](https://github.com/nuxt-modules/fontaine) and [`@nuxtjs/google-fonts`](https://github.com/nuxt-modules/google-fonts) to change the font and [`nuxt-og-image`](https://nuxtseo.com/og-image/getting-started/installation) for social previews.
 
-::tip
----
-target: _blank
-to: https://ui.nuxt.com/pro/guide/usage#structure
----
+::tip{target="_blank" to="https://ui.nuxt.com/pro/guide/usage#structure"}
 Learn more on how to customize and structure a Nuxt UI Pro app!
 ::
 
 ## Writing content
 
-You can just start writing `.md` or `.yml` files in the [`content/`](https://content.nuxt.com/usage/content-directory) directory to have your pages updated.
-The navigation will be automatically generated in the left aside and in the mobile menu. You will also be able to go through your content with full-text search.
+You can just start writing `.md` or `.yml` files in the [`content/`](https://content.nuxt.com/usage/content-directory) directory to have your pages updated. The navigation will be automatically generated in the left aside and in the mobile menu. You will also be able to go through your content with full-text search.
 
 ::tip
 This template relies on a [catch-all route](https://nuxt.com/docs/guide/directory-structure/pages#catch-all-route) but you can achieve the same thing with the [document-driven mode](https://content.nuxt.com/document-driven/introduction).
@@ -131,10 +126,6 @@ export default defineAppConfig({
 })
 ```
 
-::tip
----
-target: _blank
-to: https://content.nuxt.com/docs/studio/config
----
+::tip{target="_blank" to="https://content.nuxt.com/docs/studio/config"}
 A dedicated interface is provided to edit those configurations on Nuxt Studio.
 ::

content/index.md

@@ -1,16 +1,19 @@
 ---
 seo:
   title: Nuxt UI Pro - Docs template.
-  description: Nuxt UI Pro is a collection of premium Vue components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.
+  description: Nuxt UI Pro is a collection of premium Vue components built on top
+    of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.
 ---
 
-::u-page-hero{orientation="horizontal"}
-#default
-:::prose-pre{filename="Terminal"}
-```bash
-npx nuxi init -t github:nuxt-ui-pro/docs#v3
-```
-:::
+::u-page-hero
+---
+orientation: horizontal
+---
+  :::prose-pre{filename="Terminal"}
+  ```bash
+  npx nuxi init -t github:nuxt-ui-pro/docs#v3
+  ```
+  :::
 
 #title
 Build your docs in seconds
@@ -19,39 +22,31 @@ Build your docs in seconds
 Create your documentation in seconds with this template!
 
 #headline
-  ::u-button
+  :::u-button
   ---
-  trailingIcon: i-lucide-external-link
+  class: rounded-full
+  size: sm
   to: https://ui.nuxt.com/pro
+  trailingIcon: i-lucide-external-link
   variant: subtle
-  class: 'rounded-full'
-  size: sm
   ---
-  #default
   Made with Nuxt UI Pro
-  ::
+  :::
 
 #links
-  :::u-button
-  ---
-  size: xl
-  to: /getting-started
-  trailingIcon: i-lucide-arrow-right
-  ---
-  #default
+  :::u-button{size="xl" to="/getting-started" trailingIcon="i-lucide-arrow-right"}
   Get started
   :::
 
   :::u-button
   ---
   color: neutral
+  icon: i-simple-icons-github
   size: xl
   target: _blank
   to: https://ui.nuxt.com/pro
-  icon: i-simple-icons-github
   variant: subtle
   ---
-  #default
   Use this template
   :::
 ::
@@ -65,7 +60,7 @@ All-in-one docs template
   ---
   color: neutral
   size: lg
-  target: '_blank'
+  target: _blank
   to: /getting-started
   trailingIcon: i-lucide-arrow-right
   variant: subtle
@@ -77,77 +72,77 @@ All-in-one docs template
   :::u-page-feature
   ---
   icon: i-simple-icons-nuxt
+  target: _blank
   to: https://nuxt.com
-  target: '_blank'
   ---
   #title
   Nuxt 3
-
+  
   #description
   Powered by Nuxt 3 for optimal performances and SEO.
   :::
 
   :::u-page-feature
   ---
   icon: i-simple-icons-markdown
+  target: _blank
   to: https://content.nuxt.com
-  target: '_blank'
   ---
   #title
   Markdown
-
+  
   #description
   Write your pages with MDC thanks to Nuxt Content.
   :::
 
   :::u-page-feature
   ---
   icon: i-lucide-sparkles
+  target: _blank
   to: https://ui.nuxt.com
-  target: '_blank'
   ---
   #title
   Nuxt UI 3
-
+  
   #description
   Offers a very large set of full customizable components.
   :::
 
   :::u-page-feature
   ---
   icon: i-simple-icons-typescript
+  target: _blank
   to: https://www.typescriptlang.org
-  target: '_blank'
   ---
   #title
   TypeScript
-
+  
   #description
   A fully typed development experience.
   :::
 
   :::u-page-feature
   ---
   icon: i-simple-icons-nuxtdotjs
+  target: _blank
   to: https://content.nuxt.com/docs/studio
-  target: '_blank'
   ---
   #title
   Nuxt Studio
-
+  
   #description
   Supported by Nuxt Studio for fast updates and previews.
   :::
 
   :::u-page-feature
   ---
   icon: i-lucide-search
+  target: _blank
   to: https://ui.nuxt.com/pro/components/docs/docs-search
-  target: '_blank'
   ---
   #title
   Search
-
+  
   #description
   A full-text search modal empowered by Fuse.js.
   :::