docs: add @nuxt/ui-pro source (#2775)

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

@@ -2,6 +2,7 @@
 title: Installation
 description: 'Learn how to install and configure Nuxt UI in your Nuxt application.'
 framework: nuxt
+module: ui
 ---
 
 ::callout{to="/getting-started/installation/vue" icon="i-logos-vue" class="hidden"}
@@ -55,7 +56,7 @@ export default defineNuxtConfig({
 @import "@nuxt/ui";
 ```
 
-::note
+::tip
 Use the `css` property in your `nuxt.config.ts` to import your CSS file.
 
 ```ts [nuxt.config.ts]
@@ -66,9 +67,10 @@ export default defineNuxtConfig({
 ```
 ::
 
-::tip
+::callout{icon="i-simple-icons-visualstudiocode"}
 It's recommended to install the [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) extension for VSCode and add the following settings:
-```json
+
+```json [settings.json]
 "files.associations": {
   "*.css": "tailwindcss"
 },

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

@@ -2,6 +2,7 @@
 title: Installation
 description: 'Learn how to install and configure Nuxt UI in your Vue application.'
 framework: vue
+module: ui
 ---
 
 ::callout{to="/getting-started/installation/nuxt" icon="i-logos-nuxt-icon" class="hidden"}
@@ -90,7 +91,7 @@ app.mount('#app')
 @import "@nuxt/ui";
 ```
 
-::note
+::tip
 Import the CSS file in your `main.ts`.
 
 ```ts [main.ts]{1}
@@ -108,9 +109,10 @@ app.mount('#app')
 ```
 ::
 
-::tip
+::callout{icon="i-simple-icons-visualstudiocode"}
 It's recommended to install the [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) extension for VSCode and add the following settings:
-```json
+
+```json [settings.json]
 "files.associations": {
   "*.css": "tailwindcss"
 },