test: merge issue nuxt-modules#2726, nuxt-modules#2617, nuxt-modules#…

…2554, nuxt-modules#2473 tests (nuxt-modules#2870)

specs/basic_usage.spec.ts

@@ -607,4 +607,14 @@ describe('basic usage', async () => {
 
     expect(await getText(page, '#issue-2094')).toEqual('Exporting using variable identifier works!')
   })
+
+  test('(#2726) composables correctly initialize common options, no internal server error', async () => {
+    const html = await $fetch('/composables')
+    const dom = getDom(html)
+
+    expect(dom.querySelector('head #locale-path').content).toEqual('/nested/test-route')
+    expect(dom.querySelector('head #locale-route').content).toEqual('/nested/test-route')
+    expect(dom.querySelector('head #switch-locale-path').content).toEqual('/fr/composables')
+    expect(dom.querySelector('head #route-base-name').content).toEqual('nested-test-route')
+  })
 })

specs/fixtures/basic/nuxt.config.ts

@@ -20,7 +20,7 @@ export default defineNuxtConfig({
       }
     ],
     defaultLocale: 'en',
-    // TODO: remove this later, apply in test `setup`
+    // TODO: remove this later, set to `{}` in test `setup` and overwrite using `startServerWithRuntimeConfig`
     // `false` will not be overwritten by `runtimeConfig` making this fixture less reusable
     detectBrowserLanguage: false,
     vueI18n: './config/i18n.config.ts'

specs/fixtures/issues/2726/app.vue → specs/fixtures/basic_usage/pages/composables.vue

@@ -25,7 +25,5 @@ useHead({
 </script>
 
 <template>
-  <div>
-    <NuxtPage />
-  </div>
+  <div>Tests composables using useHead</div>
 </template>