docs(i18n): auto generated lang support (#2574)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>

docs/app/components/content/SupportedLanguages.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import * as locales from '@nuxt/ui/locale'
+
+const props = withDefaults(defineProps<{
+  default?: string
+}>(), {
+  default: 'en'
+})
+
+const getLocaleKeys = () => Object.keys(locales) as Array<keyof typeof locales>
+const localesList = getLocaleKeys().map(locale => [locale, locales[locale].name])
+</script>
+
+<template>
+  <div>
+    <ProseUl>
+      <ProseLi v-for="[key, label] in localesList" :key="key">
+        <ProseCode>{{ key }}</ProseCode> - {{ label }}
+        <template v-if="key === props.default">
+          (default)
+        </template>
+      </ProseLi>
+    </ProseUl>
+    <ProseP>
+      If you need any other languages, a
+      <ProseA href="https://github.com/nuxt/ui/pulls" target="_blank">
+        PR
+      </ProseA>
+      is always welcome, you only need to add a language file
+      <ProseA href="https://github.com/nuxt/ui/tree/v3/src/runtime/locale" target="_blank">
+        here
+      </ProseA>
+    </ProseP>
+  </div>
+</template>