tsx and i18n conflict, parsing error

[yveeven]

Environment

1. codesandbox

---

• Operating System: Linux
• Node Version: v20.12.0
• Nuxt Version: 3.15.4
• CLI Version: 3.22.2
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: future, compatibilityDate, devtools, modules
• Runtime Modules: @nuxtjs/[email protected]
• Build Modules: -

---

2. stackbiltz

---

• Operating System: Linux
• Node Version: v18.20.3
• Nuxt Version: 3.15.4
• CLI Version: 3.22.2
• Nitro Version: 2.10.4
• Package Manager: [email protected]
• Builder: -
• User Config: future, compatibilityDate, devtools, modules
• Runtime Modules: @nuxtjs/[email protected]
• Build Modules: -

---

Reproduction

1. codesandbox: https://codesandbox.io/p/devbox/7yl7mz
2. stackbiltz: https://stackblitz.com/edit/nuxt-starter-xaag2xvm

Describe the bug

When the project has an i18n dependency, the tsx code cannot be written correctly in'SFC <script setup lang = "tsx">, and an error is reported:

ERROR  Pre-transform error: ',' expected.                                                                                                                                                                         
  Plugin: unplugin-vue-i18n:directive
  File: /Users/yveeven/pm/temp/app/app.vue

Additional context

But I got different results in codesandbox and stackbiltz using the same code, stackbiltz is up and running

Logs

[yveeven]

#3208 Resolved