fix(routing): handle unique root level content

Author: larbish

layer/app/pages/[[lang]]/index.vue renamed to layer/app/templates/landing.vue

@@ -4,6 +4,7 @@ import type { Collections } from '@nuxt/content'
 const route = useRoute()
 const { locale, isEnabled } = useDocusI18n()
 
+// Dynamic collection name based on i18n status
 const collectionName = computed(() => isEnabled.value ? `landing_${locale.value}` : 'landing')
 
 const { data: page } = await useAsyncData(collectionName.value, () => queryCollection(collectionName.value as keyof Collections).path(route.path).first())
@@ -12,7 +13,7 @@ if (!page.value) {
 }
 
 // Reconsider it once this is implemented: https://github.com/nuxt/content/issues/3419
-const prose = page.value.meta.prose as boolean
+const prose = page.value.meta?.prose as boolean
 const title = page.value.seo?.title || page.value.title
 const description = page.value.seo?.description || page.value.description
 

layer/modules/routing.ts

@@ -0,0 +1,31 @@
+import { defineNuxtModule, extendPages, createResolver } from '@nuxt/kit'
+
+export default defineNuxtModule({
+  meta: {
+    name: 'routing',
+  },
+  async setup(_options, nuxt) {
+    const { resolve } = createResolver(import.meta.url)
+
+    const isI18nEnabled = !!(nuxt.options.i18n && nuxt.options.i18n.locales)
+
+    extendPages((pages) => {
+      const landingTemplate = resolve('../app/templates/landing.vue')
+
+      if (isI18nEnabled) {
+        pages.push({
+          name: 'lang-index',
+          path: '/:lang?',
+          file: landingTemplate,
+        })
+      }
+      else {
+        pages.push({
+          name: 'index',
+          path: '/',
+          file: landingTemplate,
+        })
+      }
+    })
+  },
+})

layer/nuxt.config.ts

@@ -5,6 +5,7 @@ const { resolve } = createResolver(import.meta.url)
 export default defineNuxtConfig({
   modules: [
     resolve('./modules/default-configs'),
+    resolve('./modules/routing'),
     '@nuxt/ui-pro',
     '@nuxt/content',
     '@nuxt/image',