breaking(unplugin-vue-i18n): drop optimizeTranslationDirective option (#467)

Author: kazupon

e2e/vite.spec.ts

@@ -27,14 +27,12 @@ describe('vite', () => {
     expect(await getText(global.page, '#lang label')).toMatch('言語')
     expect(await getText(global.page, '#fruits label')).toMatch('バナナが欲しい？')
     expect(await getText(global.page, '#msg')).toMatch('こんにちは、世界！')
-    expect(await getText(global.page, '#custom-directive')).toMatch('やあ！')
   })
 
   test('change locale', async () => {
     await global.page.selectOption('#lang select', 'en')
     expect(await getText(global.page, '#lang label')).toMatch('Language')
     expect(await getText(global.page, '#msg')).toMatch('hello, world!')
-    expect(await getText(global.page, '#custom-directive')).toMatch('Hi!')
   })
 
   test('change banana select', async () => {

examples/vite/src/App.vue

@@ -7,7 +7,6 @@
     </select>
   </form>
   <p id="msg">{{ t('hello') }}</p>
-  <p id="custom-directive" v-t="'hi'"></p>
   <Banana />
   <Apple />
 </template>

package.json

@@ -28,19 +28,6 @@
     "typescript-eslint": "^8.26.1",
     "vitest": "^3.0.8"
   },
-  "pnpm": {
-    "overrides": {
-      "vue-i18n": "next",
-      "petite-vue-i18n": "next",
-      "@intlify/shared": "next",
-      "@intlify/core-base": "next",
-      "@intlify/message-compiler": "next",
-      "@intlify/vue-i18n-extensions>@intlify/shared": "next",
-      "@intlify/vue-i18n-extensions>@intlify/message-compiler": "next",
-      "@intlify/bundle-utils>@intlify/shared": "^12.0.0-alpha.2",
-      "@intlify/bundle-utils>@intlify/message-compiler": "^12.0.0-alpha.2"
-    }
-  },
   "license": "MIT",
   "prettier": "@kazupon/prettier-config",
   "lint-staged": {

packages/unplugin-vue-i18n/README.md

@@ -661,6 +661,11 @@ If do you will use this option, you need to enable `jitCompilation` option.
 
   If you want to put it manually, you can specify the signature of the translation function as a string or a string array.
 
+> [!IMPORTANT]
+>
+> `optimizeTranslationDirective` option is deprecated in v12, because `v-t` custom directive will be dropped in vue-i18n v12
+> This option will be supported with unplugin-vue-i18n v6.x (vue-i18n until v11)
+
 > [!WARNING]
 > About for manually signature, see the details [vue-i18n-extensions API docs](https://github.com/intlify/vue-i18n-extensions/blob/next/docs/%40intlify/vue-i18n-extensions-api.md#translationsignatures) and [usecase from vue-i18n-extensions PR](https://github.com/intlify/vue-i18n-extensions/pull/217/files#diff-3fb9543f91e011d4b0dc9beff44082fe1a99c9eab70c1afab23c3c34352b7c38R121-R200)
 

packages/unplugin-vue-i18n/package.json

@@ -11,9 +11,9 @@
     "url": "https://github.com/intlify/bundle-tools/issues"
   },
   "peerDependencies": {
-    "petite-vue-i18n": "*",
+    "petite-vue-i18n": "^12.0.0-alpha.2",
     "vue": "^3.2.25",
-    "vue-i18n": "*"
+    "vue-i18n": "^12.0.0-alpha.2"
   },
   "peerDependenciesMeta": {
     "petite-vue-i18n": {
@@ -24,13 +24,9 @@
     }
   },
   "dependencies": {
-    "@eslint-community/eslint-utils": "^4.4.0",
     "@intlify/bundle-utils": "workspace:*",
     "@intlify/shared": "next",
-    "@intlify/vue-i18n-extensions": "^8.0.0",
     "@rollup/pluginutils": "^5.1.0",
-    "@typescript-eslint/scope-manager": "^8.13.0",
-    "@typescript-eslint/typescript-estree": "^8.13.0",
     "debug": "^4.3.3",
     "defu": "^6.1.4",
     "fast-glob": "^3.2.12",