docs(app): framework select global (#2719)

Co-authored-by: harlan <harlan@harlanzw.com>

docs/content/1.getting-started/7.i18n/.navigation.yml

@@ -1 +1,2 @@
 badge: New
+shadow: true

docs/content/1.getting-started/7.i18n/1.nuxt.md

@@ -1,20 +1,17 @@
 ---
-title: Internationalization (i18n) in a Nuxt app
+title: Internationalization (i18n)
 description: 'Learn how to internationalize your Nuxt app with multi-directional support (LTR/RTL).'
-select:
-  items:
-    - label: Nuxt
-      icon: i-logos-nuxt-icon
-      to: /getting-started/i18n/nuxt
-    - label: Vue
-      icon: i-logos-vue
-      to: /getting-started/i18n/vue
+navigation.framework: nuxt
 ---
 
+::callout{to="/getting-started/i18n/vue" icon="i-logos-vue" class="hidden"}
+Looking for the **Vue** version?
+::
+
 ## Usage
 
 ::note{to="/components/app"}
-Nuxt UI provides an [App](/components/app) component that wraps your app to provide global configurations.
+Nuxt UI provides an **App** component that wraps your app to provide global configurations.
 ::
 
 ### Locale

docs/content/1.getting-started/7.i18n/2.vue.md

@@ -1,20 +1,17 @@
 ---
-title: Internationalization (i18n) in a Vue app
+title: Internationalization (i18n)
 description: 'Learn how to internationalize your Vue app with multi-directional support (LTR/RTL).'
-select:
-  items:
-    - label: Nuxt
-      icon: i-logos-nuxt-icon
-      to: /getting-started/i18n/nuxt
-    - label: Vue
-      icon: i-logos-vue
-      to: /getting-started/i18n/vue
+navigation.framework: vue
 ---
 
+::callout{to="/getting-started/i18n/nuxt" icon="i-logos-nuxt-icon" class="hidden"}
+Looking for the **Nuxt** version?
+::
+
 ## Usage
 
 ::note{to="/components/app"}
-Nuxt UI provides an [App](/components/app) component that wraps your app to provide global configurations.
+Nuxt UI provides an **App** component that wraps your app to provide global configurations.
 ::
 
 ### Locale