fix: regression for API extending (#2340)

package.json

@@ -96,7 +96,7 @@
     "unplugin": "^1.3.2",
     "unstorage": "^1.5.0",
     "vue-i18n": "9.3.0-beta.26",
-    "vue-i18n-routing": "^0.13.3"
+    "vue-i18n-routing": "^0.13.4"
   },
   "devDependencies": {
     "@babel/parser": "^7.22.7",

specs/fixtures/issues/2338/app.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <NuxtPage />
+  </div>
+</template>

specs/fixtures/issues/2338/components/Hello.vue

@@ -0,0 +1,9 @@
+<template>
+  <code id="local">{{ localeProperties }}</code>
+</template>
+
+<script setup lang="ts">
+const { localeProperties } = useI18n({
+  useScope: 'local'
+})
+</script>

specs/fixtures/issues/2338/nuxt.config.ts

@@ -0,0 +1,10 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  modules: ['@nuxtjs/i18n'],
+  i18n: {
+    locales: [{ code: 'nl', iso: 'nl-NL' }],
+    debug: false,
+    defaultLocale: 'nl',
+    strategy: 'prefix_except_default'
+  }
+})

specs/fixtures/issues/2338/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "nuxt3-test-issues-2338",
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview"
+  },
+  "devDependencies": {
+    "@nuxtjs/i18n": "latest",
+    "nuxt": "latest"
+  }
+}

specs/fixtures/issues/2338/pages/index.vue

@@ -0,0 +1,10 @@
+<template>
+  <div>
+    <Hello />
+    <code id="global">{{ localeProperties }}</code>
+  </div>
+</template>
+
+<script setup lang="ts">
+const { localeProperties } = useI18n()
+</script>

specs/issues/2338.spec.ts

@@ -0,0 +1,21 @@
+import { test, expect, describe } from 'vitest'
+import { fileURLToPath } from 'node:url'
+import { setup, url, createPage } from '../utils'
+import { getData } from '../helper'
+
+describe('#2338', async () => {
+  await setup({
+    rootDir: fileURLToPath(new URL(`../fixtures/issues/2338`, import.meta.url))
+  })
+
+  test('should be extened API', async () => {
+    const home = url('/')
+    const page = await createPage()
+    await page.goto(home)
+
+    const globalData = await getData(page, '#global')
+    expect(globalData.code).toEqual('nl')
+    const localeData = await getData(page, '#local')
+    expect(localeData.code).toEqual('nl')
+  })
+})