@intlify/unplugin-vue-i18n 12.0.0-alpha.0 → 12.0.0-alpha.1

package/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)
 

package/lib/index.cjs

@@ -4,15 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const createDebug = require('debug');
 const unplugin$1 = require('unplugin');
-const shared = require('@intlify/shared');
-const vueI18nExtensions = require('@intlify/vue-i18n-extensions');
-const scopeManager = require('@typescript-eslint/scope-manager');
-const typescriptEstree = require('@typescript-eslint/typescript-estree');
-const path = require('node:path');
-const eslintUitls = require('@eslint-community/eslint-utils');
-const pc = require('picocolors');
 const defu = require('defu');
+const node_path = require('node:path');
 const bundleUtils = require('@intlify/bundle-utils');
+const shared = require('@intlify/shared');
 const pluginutils = require('@rollup/pluginutils');
 const fg = require('fast-glob');
 const knitwork = require('knitwork');
@@ -20,16 +15,60 @@ const mlly = require('mlly');
 const node_crypto = require('node:crypto');
 const fs = require('node:fs');
 const compilerSfc = require('vue/compiler-sfc');
+const pc = require('picocolors');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
 const createDebug__default = /*#__PURE__*/_interopDefaultCompat(createDebug);
-const path__default = /*#__PURE__*/_interopDefaultCompat(path);
-const eslintUitls__default = /*#__PURE__*/_interopDefaultCompat(eslintUitls);
-const pc__default = /*#__PURE__*/_interopDefaultCompat(pc);
 const defu__default = /*#__PURE__*/_interopDefaultCompat(defu);
 const fg__default = /*#__PURE__*/_interopDefaultCompat(fg);
 const fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
+const pc__default = /*#__PURE__*/_interopDefaultCompat(pc);
+
+function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
+
+const getVueI18nAliasPath = (opts) => {
+  const filename = [
+    opts.module,
+    opts.runtimeOnly ? "runtime" : "",
+    !opts.ssr ? "esm-bundler" : "node",
+    "js"
+  ].filter(Boolean).join(".");
+  return `${opts.module}/dist/${filename}`;
+};
+function resolveOptions(options) {
+  const res = defu__default(options, {
+    ssr: false,
+    module: "vue-i18n",
+    escapeHtml: false,
+    onlyLocales: [],
+    fullInstall: true,
+    runtimeOnly: true,
+    strictMessage: true,
+    allowDynamic: false,
+    globalSFCScope: false,
+    forceStringify: false,
+    defaultSFCLang: "json",
+    dropMessageCompiler: false,
+    transformI18nBlock: void 0
+  });
+  const include = res.include ? toArray(res.include).map((item) => node_path.normalize(item)) : void 0;
+  const _exclude = res.exclude ? toArray(res.exclude).map((item) => node_path.normalize(item)) : void 0;
+  const exclude = res.include ? _exclude : ["**/**"];
+  const onlyLocales = toArray(res.onlyLocales);
+  const fullInstall = res.module !== "vue-i18n" ? false : res.fullInstall;
+  const vueI18nAliasPath = getVueI18nAliasPath(res);
+  return {
+    ...res,
+    include,
+    exclude,
+    fullInstall,
+    onlyLocales,
+    vueI18nAliasPath
+  };
+}
 
 const PKG_NAME = "unplugin-vue-i18n";
 
@@ -58,29 +97,6 @@ function checkVuePlugin(vuePlugin) {
   }
   return true;
 }
-const isWindows = typeof process !== "undefined" && process.platform === "win32";
-const windowsSlashRE = /\\/g;
-function slash(p) {
-  return p.replace(windowsSlashRE, "/");
-}
-function normalizePath(id) {
-  return path__default.posix.normalize(isWindows ? slash(id) : id);
-}
-
-function createDescriptor(filename, source, { template, compiler }) {
-  const { descriptor, errors } = compiler.parse(source, {
-    filename,
-    templateParseOptions: template?.compilerOptions
-  });
-  return { descriptor, errors };
-}
-function getDescriptor(filename, code, options) {
-  const { descriptor, errors } = createDescriptor(filename, code, options);
-  if (errors.length) {
-    throw errors[0];
-  }
-  return descriptor;
-}
 
 function parseVueRequest(id) {
   const [filename, rawQuery] = id.split(`?`, 2);
@@ -121,329 +137,6 @@ function parseVueRequest(id) {
 function getVueCompiler(vuePlugin) {
   return vuePlugin?.api?.options.compiler;
 }
-function getVuePluginOptions(vuePlugin) {
-  return {
-    isProduction: vuePlugin?.api?.options.isProduction,
-    root: vuePlugin?.api?.options.root,
-    template: vuePlugin?.api?.options.template,
-    compiler: vuePlugin?.api?.options.compiler
-  };
-}
-
-const debug$2 = createDebug__default(resolveNamespace("directive"));
-function directivePlugin({
-  optimizeTranslationDirective,
-  translationIdentifiers
-}) {
-  let vuePlugin = null;
-  let vuePluginOptions = null;
-  const excludeLangs = ["pug", "jsx", "tsx"];
-  return {
-    name: resolveNamespace("directive"),
-    enforce: "pre",
-    vite: {
-      config(config) {
-        vuePlugin = getVitePlugin(config, "vite:vue");
-        if (!checkVuePlugin(vuePlugin)) {
-          return;
-        }
-        if (optimizeTranslationDirective) {
-          vuePlugin.api.options = resolveVueOptions(
-            vuePlugin,
-            optimizeTranslationDirective,
-            translationIdentifiers
-          );
-          debug$2(`vite:vue options['template']:`, vuePlugin.api.options);
-        }
-      },
-      configResolved(config) {
-        vuePlugin = getVitePlugin(config, "vite:vue");
-        if (!checkVuePlugin(vuePlugin)) {
-          return;
-        }
-      }
-    },
-    async transform(code, id) {
-      if (id.endsWith(".vue")) {
-        const { filename, query } = parseVueRequest(id);
-        if (!excludeLangs.includes(query.lang ?? "")) {
-          if (vuePluginOptions == null) {
-            vuePluginOptions = getVuePluginOptions(vuePlugin);
-          }
-          if (vuePluginOptions?.compiler) {
-            analyzeIdentifiers(
-              getDescriptor(filename, code, vuePluginOptions),
-              vuePluginOptions,
-              translationIdentifiers
-            );
-            return {
-              code,
-              map: { version: 3, mappings: "", sources: [] }
-            };
-          }
-        }
-      }
-    }
-  };
-}
-function resolveVueOptions(vuePlugin, optimizeTranslationDirective, translationIdentifiers) {
-  var _a, _b;
-  const vueOptions = vuePlugin.api.options;
-  vueOptions.template || (vueOptions.template = {});
-  (_a = vueOptions.template).compilerOptions || (_a.compilerOptions = {});
-  (_b = vueOptions.template.compilerOptions).directiveTransforms || (_b.directiveTransforms = {});
-  const translationSignatureResolver = (context, baseResolver) => {
-    const { filename } = context;
-    const vuePluginOptions = getVuePluginOptions(vuePlugin);
-    const normalizedFilename = normalizePath(path__default.relative(vuePluginOptions.root, filename));
-    const resolveIdentifier2 = translationIdentifiers.get(normalizedFilename);
-    debug$2("resolved vue-i18n Identifier", resolveIdentifier2);
-    if (resolveIdentifier2 == null) {
-      return void 0;
-    }
-    if (resolveIdentifier2.type === "identifier") {
-      return baseResolver(context, resolveIdentifier2.key);
-    } else {
-      const resolvedSignature = baseResolver(context, resolveIdentifier2.key);
-      return resolveIdentifier2?.style === "script-setup" ? `${resolvedSignature}.t` : resolvedSignature;
-    }
-  };
-  vueOptions.template.compilerOptions.directiveTransforms.t = vueI18nExtensions.transformVTDirective({
-    translationSignatures: shared.isBoolean(optimizeTranslationDirective) ? translationSignatureResolver : optimizeTranslationDirective
-  });
-  return vueOptions;
-}
-function analyzeIdentifiers(descriptor, { root }, translationIdentifiers) {
-  const source = descriptor.scriptSetup?.content || descriptor.script?.content;
-  debug$2("getDescriptor content", source);
-  if (!source) {
-    return;
-  }
-  const ast = typescriptEstree.parse(source, { range: true });
-  typescriptEstree.simpleTraverse(ast, {
-    enter(node, parent) {
-      if (parent) {
-        node.parent = parent;
-      }
-    }
-  });
-  const scopeManager$1 = scopeManager.analyze(ast, { sourceType: "module" });
-  const scope = getScope(scopeManager$1, ast);
-  const importLocalName = getImportLocalName(scope, "vue-i18n", "useI18n");
-  if (importLocalName == null) {
-    return;
-  }
-  debug$2("importLocalName", importLocalName);
-  const resolvedIdentifier = getVueI18nIdentifier(scope, importLocalName);
-  if (resolvedIdentifier) {
-    const normalizedFilename = normalizePath(path__default.relative(root, descriptor.filename));
-    debug$2("set vue-i18n resolved identifier: ", resolvedIdentifier);
-    translationIdentifiers.set(normalizedFilename, resolvedIdentifier);
-  }
-}
-function getScope(manager, node) {
-  const scope = manager.acquire(node, true);
-  if (scope) {
-    if (scope.type === "function-expression-name") {
-      return scope.childScopes[0];
-    }
-    return scope;
-  }
-  return manager.scopes[0];
-}
-function getImportLocalName(scope, source, imported) {
-  const importDecl = getImportDeclaration(scope, source);
-  if (importDecl) {
-    const specifierNode = importDecl.specifiers.find(
-      (specifierNode2) => isImportedIdentifierInImportClause(specifierNode2) && specifierNode2.imported.name === imported
-    );
-    return specifierNode ? specifierNode.local.name : null;
-  }
-  return null;
-}
-function getImportDeclaration(scope, source) {
-  const tracker = new eslintUitls__default.ReferenceTracker(scope);
-  const traceMap = {
-    [source]: {
-      [eslintUitls__default.ReferenceTracker.ESM]: true,
-      [eslintUitls__default.ReferenceTracker.READ]: true
-    }
-  };
-  const refs = Array.from(tracker.iterateEsmReferences(traceMap));
-  return refs.length ? refs[0].node : null;
-}
-function isImportedIdentifierInImportClause(node) {
-  return "imported" in node;
-}
-function getVueI18nIdentifier(scope, local) {
-  const { callExpression, returnStatement } = getCallExpressionAndReturnStatement(scope, local);
-  if (callExpression == null) {
-    return null;
-  }
-  const id = getVariableDeclarationIdFrom(callExpression);
-  if (id == null) {
-    return null;
-  }
-  const variableIdPairs = parseVariableId(id);
-  debug$2("variableIdPairs:", variableIdPairs);
-  const returnVariableIdPairs = parseReturnStatement(returnStatement);
-  debug$2("returnVariableIdPairs:", returnVariableIdPairs);
-  return resolveIdentifier(variableIdPairs, returnVariableIdPairs);
-}
-const EMPTY_NODE_RETURN = {
-  callExpression: null,
-  returnStatement: null
-};
-function getCallExpressionAndReturnStatement(scope, local) {
-  const variable = eslintUitls__default.findVariable(scope, local);
-  if (variable == null) {
-    return EMPTY_NODE_RETURN;
-  }
-  const callExpressionRef = variable.references.find((ref) => {
-    return ref.identifier.parent?.type === typescriptEstree.AST_NODE_TYPES.CallExpression;
-  });
-  if (callExpressionRef == null) {
-    return EMPTY_NODE_RETURN;
-  }
-  let returnStatement = null;
-  if (callExpressionRef.from.type === "function" && callExpressionRef.from.block.type === typescriptEstree.AST_NODE_TYPES.FunctionExpression && callExpressionRef.from.block.parent.type === typescriptEstree.AST_NODE_TYPES.Property && callExpressionRef.from.block.parent.key.type === typescriptEstree.AST_NODE_TYPES.Identifier && callExpressionRef.from.block.parent.key.name === "setup") {
-    returnStatement = callExpressionRef.from.block.body.body.find((statement) => {
-      return statement.type === typescriptEstree.AST_NODE_TYPES.ReturnStatement;
-    });
-  }
-  return {
-    callExpression: callExpressionRef.identifier.parent,
-    returnStatement
-  };
-}
-function getVariableDeclarationIdFrom(node) {
-  if (node.parent?.type !== typescriptEstree.AST_NODE_TYPES.VariableDeclarator) {
-    return null;
-  }
-  return node.parent.id;
-}
-function parseVariableId(node) {
-  if (node.type === typescriptEstree.AST_NODE_TYPES.Identifier) {
-    return [{ key: node.name, value: null }];
-  } else {
-    const props = node.properties.filter(
-      // ignore RestElement
-      (prop) => prop.type === typescriptEstree.AST_NODE_TYPES.Property
-    );
-    const pairs = [];
-    for (const prop of props) {
-      if (prop?.key.type === typescriptEstree.AST_NODE_TYPES.Identifier && prop?.value.type === typescriptEstree.AST_NODE_TYPES.Identifier) {
-        pairs.push({ key: prop.key.name, value: prop.value.name });
-      }
-    }
-    return pairs;
-  }
-}
-function parseReturnStatement(node) {
-  const pairs = [];
-  if (node == null || node.argument == null) {
-    return pairs;
-  }
-  if (node.argument.type === typescriptEstree.AST_NODE_TYPES.ObjectExpression) {
-    for (const prop of node.argument.properties) {
-      if (prop.type === typescriptEstree.AST_NODE_TYPES.Property) {
-        if (prop.key.type === typescriptEstree.AST_NODE_TYPES.Identifier && prop.value.type === typescriptEstree.AST_NODE_TYPES.Identifier) {
-          pairs.push({ key: prop.key.name, value: prop.value.name });
-        } else if (prop.key.type === typescriptEstree.AST_NODE_TYPES.Identifier && prop.value.type === typescriptEstree.AST_NODE_TYPES.MemberExpression && prop.value.object.type === typescriptEstree.AST_NODE_TYPES.Identifier && prop.value.property.type === typescriptEstree.AST_NODE_TYPES.Identifier) {
-          pairs.push({
-            key: prop.key.name,
-            value: `${prop.value.object.name}.${prop.value.property.name}`
-          });
-        }
-      }
-    }
-    return pairs;
-  } else if (node.argument.type === typescriptEstree.AST_NODE_TYPES.Identifier) {
-    return pairs;
-  } else {
-    return pairs;
-  }
-}
-function resolveIdentifier(localVariables, returnVariable) {
-  if (returnVariable.length === 0) {
-    const variable = localVariables.find((pair) => pair.key === "t");
-    if (variable && variable.value) {
-      return { type: "identifier", key: variable.value };
-    }
-    const identifierOnly = localVariables.find((pair) => pair.value === null);
-    if (identifierOnly && identifierOnly.key) {
-      return { type: "object", key: identifierOnly.key, style: "script-setup" };
-    }
-    return null;
-  } else {
-    const variable = localVariables.find((pair) => pair.key === "t");
-    if (variable && variable.value) {
-      const returnVar = returnVariable.find((pair) => pair.value === variable.value);
-      if (returnVar && returnVar.key) {
-        return { type: "identifier", key: returnVar.key };
-      }
-    }
-    const identifierOnly = localVariables.find((pair) => pair.value === null);
-    if (identifierOnly && identifierOnly.key) {
-      const targetKey = identifierOnly.key;
-      const returnVar = returnVariable.find((pair) => pair.value?.startsWith(targetKey));
-      if (returnVar && returnVar.key) {
-        return { type: "object", key: returnVar.key, style: "setup-hook" };
-      }
-    }
-    return null;
-  }
-}
-
-function toArray(value) {
-  return Array.isArray(value) ? value : [value];
-}
-
-const getVueI18nAliasPath = (opts) => {
-  const filename = [
-    opts.module,
-    opts.runtimeOnly ? "runtime" : "",
-    !opts.ssr ? "esm-bundler" : "node",
-    "js"
-  ].filter(Boolean).join(".");
-  return `${opts.module}/dist/${filename}`;
-};
-function resolveOptions(options) {
-  const res = defu__default(options, {
-    ssr: false,
-    module: "vue-i18n",
-    escapeHtml: false,
-    onlyLocales: [],
-    fullInstall: true,
-    runtimeOnly: true,
-    strictMessage: true,
-    allowDynamic: false,
-    globalSFCScope: false,
-    forceStringify: false,
-    defaultSFCLang: "json",
-    dropMessageCompiler: false,
-    transformI18nBlock: void 0,
-    optimizeTranslationDirective: false
-  });
-  const include = res.include ? toArray(res.include).map((item) => path.normalize(item)) : void 0;
-  const _exclude = res.exclude ? toArray(res.exclude).map((item) => path.normalize(item)) : void 0;
-  const exclude = res.include ? _exclude : ["**/**"];
-  const onlyLocales = toArray(res.onlyLocales);
-  const fullInstall = res.module !== "vue-i18n" ? false : res.fullInstall;
-  const optimizeTranslationDirective = typeof res.optimizeTranslationDirective === "boolean" ? res.optimizeTranslationDirective : toArray(res.optimizeTranslationDirective);
-  const translationIdentifiers = /* @__PURE__ */ new Map();
-  const vueI18nAliasPath = getVueI18nAliasPath(res);
-  return {
-    ...res,
-    include,
-    exclude,
-    fullInstall,
-    onlyLocales,
-    vueI18nAliasPath,
-    translationIdentifiers,
-    optimizeTranslationDirective
-  };
-}
 
 const INTLIFY_BUNDLE_IMPORT_ID = "@intlify/unplugin-vue-i18n/messages";
 const VIRTUAL_PREFIX = "\0";
@@ -602,12 +295,12 @@ function resourcePlugin(opts, meta) {
       if (filter(id)) {
         const imports = mlly.findStaticImports(code);
         for (const p of imports) {
-          const res = path.resolve(path.dirname(id), p.specifier);
+          const res = node_path.resolve(node_path.dirname(id), p.specifier);
           importedResources.add(res);
         }
       }
       if (!query.vue && supportedFileExtensionsRE.test(id) && filter(id)) {
-        langInfo = path.parse(filename).ext;
+        langInfo = node_path.parse(filename).ext;
         const generate = getGenerator(langInfo);
         const parseOptions = getOptions(filename, ctx, query, {
           ...opts,
@@ -691,7 +384,7 @@ function generateBundleResources(resources) {
   const imports = [];
   for (const filename of resources) {
     debug$1(`${filename} bundle loading ...`);
-    const { name } = path.parse(filename);
+    const { name } = node_path.parse(filename);
     const varName = knitwork.genSafeVariableName(
       [name, node_crypto.createHash("sha256").update(filename).digest("hex").substring(0, 8)].join("_")
     );
@@ -808,15 +501,6 @@ const unpluginFactory = (options = {}, meta) => {
   const resolvedOptions = resolveOptions(options);
   debug("plugin options (resolved):", resolvedOptions);
   const plugins = [resourcePlugin(resolvedOptions, meta)];
-  if (resolvedOptions.optimizeTranslationDirective) {
-    if (meta.framework === "webpack" || meta.framework === "rspack") {
-      raiseError(
-        `The 'optimizeTranslationDirective' option still is not supported for ${meta.framework}.
-We are waiting for your Pull Request \u{1F642}.`
-      );
-    }
-    plugins.push(directivePlugin(resolvedOptions));
-  }
   return plugins;
 };
 const unplugin = /* @__PURE__ */ unplugin$1.createUnplugin(unpluginFactory);

package/lib/index.mjs

@@ -1,21 +1,62 @@
 import createDebug from 'debug';
 import { createUnplugin } from 'unplugin';
-import { isBoolean, assign, isEmptyObject, generateCodeFrame } from '@intlify/shared';
-import { transformVTDirective } from '@intlify/vue-i18n-extensions';
-import { analyze } from '@typescript-eslint/scope-manager';
-import { parse, simpleTraverse, AST_NODE_TYPES } from '@typescript-eslint/typescript-estree';
-import path, { normalize, resolve, dirname, parse as parse$1 } from 'node:path';
-import eslintUitls from '@eslint-community/eslint-utils';
-import pc from 'picocolors';
 import defu from 'defu';
+import { normalize, resolve, dirname, parse } from 'node:path';
 import { DynamicResourceError, generateJSON, generateYAML, generateJavaScript } from '@intlify/bundle-utils';
+import { assign, isEmptyObject, generateCodeFrame } from '@intlify/shared';
 import { createFilter } from '@rollup/pluginutils';
 import fg from 'fast-glob';
 import { genSafeVariableName, genImport } from 'knitwork';
 import { findStaticImports } from 'mlly';
 import { createHash } from 'node:crypto';
 import fs from 'node:fs';
-import { parse as parse$2 } from 'vue/compiler-sfc';
+import { parse as parse$1 } from 'vue/compiler-sfc';
+import pc from 'picocolors';
+
+function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
+
+const getVueI18nAliasPath = (opts) => {
+  const filename = [
+    opts.module,
+    opts.runtimeOnly ? "runtime" : "",
+    !opts.ssr ? "esm-bundler" : "node",
+    "js"
+  ].filter(Boolean).join(".");
+  return `${opts.module}/dist/${filename}`;
+};
+function resolveOptions(options) {
+  const res = defu(options, {
+    ssr: false,
+    module: "vue-i18n",
+    escapeHtml: false,
+    onlyLocales: [],
+    fullInstall: true,
+    runtimeOnly: true,
+    strictMessage: true,
+    allowDynamic: false,
+    globalSFCScope: false,
+    forceStringify: false,
+    defaultSFCLang: "json",
+    dropMessageCompiler: false,
+    transformI18nBlock: void 0
+  });
+  const include = res.include ? toArray(res.include).map((item) => normalize(item)) : void 0;
+  const _exclude = res.exclude ? toArray(res.exclude).map((item) => normalize(item)) : void 0;
+  const exclude = res.include ? _exclude : ["**/**"];
+  const onlyLocales = toArray(res.onlyLocales);
+  const fullInstall = res.module !== "vue-i18n" ? false : res.fullInstall;
+  const vueI18nAliasPath = getVueI18nAliasPath(res);
+  return {
+    ...res,
+    include,
+    exclude,
+    fullInstall,
+    onlyLocales,
+    vueI18nAliasPath
+  };
+}
 
 const PKG_NAME = "unplugin-vue-i18n";
 
@@ -44,29 +85,6 @@ function checkVuePlugin(vuePlugin) {
   }
   return true;
 }
-const isWindows = typeof process !== "undefined" && process.platform === "win32";
-const windowsSlashRE = /\\/g;
-function slash(p) {
-  return p.replace(windowsSlashRE, "/");
-}
-function normalizePath(id) {
-  return path.posix.normalize(isWindows ? slash(id) : id);
-}
-
-function createDescriptor(filename, source, { template, compiler }) {
-  const { descriptor, errors } = compiler.parse(source, {
-    filename,
-    templateParseOptions: template?.compilerOptions
-  });
-  return { descriptor, errors };
-}
-function getDescriptor(filename, code, options) {
-  const { descriptor, errors } = createDescriptor(filename, code, options);
-  if (errors.length) {
-    throw errors[0];
-  }
-  return descriptor;
-}
 
 function parseVueRequest(id) {
   const [filename, rawQuery] = id.split(`?`, 2);
@@ -107,329 +125,6 @@ function parseVueRequest(id) {
 function getVueCompiler(vuePlugin) {
   return vuePlugin?.api?.options.compiler;
 }
-function getVuePluginOptions(vuePlugin) {
-  return {
-    isProduction: vuePlugin?.api?.options.isProduction,
-    root: vuePlugin?.api?.options.root,
-    template: vuePlugin?.api?.options.template,
-    compiler: vuePlugin?.api?.options.compiler
-  };
-}
-
-const debug$2 = createDebug(resolveNamespace("directive"));
-function directivePlugin({
-  optimizeTranslationDirective,
-  translationIdentifiers
-}) {
-  let vuePlugin = null;
-  let vuePluginOptions = null;
-  const excludeLangs = ["pug", "jsx", "tsx"];
-  return {
-    name: resolveNamespace("directive"),
-    enforce: "pre",
-    vite: {
-      config(config) {
-        vuePlugin = getVitePlugin(config, "vite:vue");
-        if (!checkVuePlugin(vuePlugin)) {
-          return;
-        }
-        if (optimizeTranslationDirective) {
-          vuePlugin.api.options = resolveVueOptions(
-            vuePlugin,
-            optimizeTranslationDirective,
-            translationIdentifiers
-          );
-          debug$2(`vite:vue options['template']:`, vuePlugin.api.options);
-        }
-      },
-      configResolved(config) {
-        vuePlugin = getVitePlugin(config, "vite:vue");
-        if (!checkVuePlugin(vuePlugin)) {
-          return;
-        }
-      }
-    },
-    async transform(code, id) {
-      if (id.endsWith(".vue")) {
-        const { filename, query } = parseVueRequest(id);
-        if (!excludeLangs.includes(query.lang ?? "")) {
-          if (vuePluginOptions == null) {
-            vuePluginOptions = getVuePluginOptions(vuePlugin);
-          }
-          if (vuePluginOptions?.compiler) {
-            analyzeIdentifiers(
-              getDescriptor(filename, code, vuePluginOptions),
-              vuePluginOptions,
-              translationIdentifiers
-            );
-            return {
-              code,
-              map: { version: 3, mappings: "", sources: [] }
-            };
-          }
-        }
-      }
-    }
-  };
-}
-function resolveVueOptions(vuePlugin, optimizeTranslationDirective, translationIdentifiers) {
-  var _a, _b;
-  const vueOptions = vuePlugin.api.options;
-  vueOptions.template || (vueOptions.template = {});
-  (_a = vueOptions.template).compilerOptions || (_a.compilerOptions = {});
-  (_b = vueOptions.template.compilerOptions).directiveTransforms || (_b.directiveTransforms = {});
-  const translationSignatureResolver = (context, baseResolver) => {
-    const { filename } = context;
-    const vuePluginOptions = getVuePluginOptions(vuePlugin);
-    const normalizedFilename = normalizePath(path.relative(vuePluginOptions.root, filename));
-    const resolveIdentifier2 = translationIdentifiers.get(normalizedFilename);
-    debug$2("resolved vue-i18n Identifier", resolveIdentifier2);
-    if (resolveIdentifier2 == null) {
-      return void 0;
-    }
-    if (resolveIdentifier2.type === "identifier") {
-      return baseResolver(context, resolveIdentifier2.key);
-    } else {
-      const resolvedSignature = baseResolver(context, resolveIdentifier2.key);
-      return resolveIdentifier2?.style === "script-setup" ? `${resolvedSignature}.t` : resolvedSignature;
-    }
-  };
-  vueOptions.template.compilerOptions.directiveTransforms.t = transformVTDirective({
-    translationSignatures: isBoolean(optimizeTranslationDirective) ? translationSignatureResolver : optimizeTranslationDirective
-  });
-  return vueOptions;
-}
-function analyzeIdentifiers(descriptor, { root }, translationIdentifiers) {
-  const source = descriptor.scriptSetup?.content || descriptor.script?.content;
-  debug$2("getDescriptor content", source);
-  if (!source) {
-    return;
-  }
-  const ast = parse(source, { range: true });
-  simpleTraverse(ast, {
-    enter(node, parent) {
-      if (parent) {
-        node.parent = parent;
-      }
-    }
-  });
-  const scopeManager = analyze(ast, { sourceType: "module" });
-  const scope = getScope(scopeManager, ast);
-  const importLocalName = getImportLocalName(scope, "vue-i18n", "useI18n");
-  if (importLocalName == null) {
-    return;
-  }
-  debug$2("importLocalName", importLocalName);
-  const resolvedIdentifier = getVueI18nIdentifier(scope, importLocalName);
-  if (resolvedIdentifier) {
-    const normalizedFilename = normalizePath(path.relative(root, descriptor.filename));
-    debug$2("set vue-i18n resolved identifier: ", resolvedIdentifier);
-    translationIdentifiers.set(normalizedFilename, resolvedIdentifier);
-  }
-}
-function getScope(manager, node) {
-  const scope = manager.acquire(node, true);
-  if (scope) {
-    if (scope.type === "function-expression-name") {
-      return scope.childScopes[0];
-    }
-    return scope;
-  }
-  return manager.scopes[0];
-}
-function getImportLocalName(scope, source, imported) {
-  const importDecl = getImportDeclaration(scope, source);
-  if (importDecl) {
-    const specifierNode = importDecl.specifiers.find(
-      (specifierNode2) => isImportedIdentifierInImportClause(specifierNode2) && specifierNode2.imported.name === imported
-    );
-    return specifierNode ? specifierNode.local.name : null;
-  }
-  return null;
-}
-function getImportDeclaration(scope, source) {
-  const tracker = new eslintUitls.ReferenceTracker(scope);
-  const traceMap = {
-    [source]: {
-      [eslintUitls.ReferenceTracker.ESM]: true,
-      [eslintUitls.ReferenceTracker.READ]: true
-    }
-  };
-  const refs = Array.from(tracker.iterateEsmReferences(traceMap));
-  return refs.length ? refs[0].node : null;
-}
-function isImportedIdentifierInImportClause(node) {
-  return "imported" in node;
-}
-function getVueI18nIdentifier(scope, local) {
-  const { callExpression, returnStatement } = getCallExpressionAndReturnStatement(scope, local);
-  if (callExpression == null) {
-    return null;
-  }
-  const id = getVariableDeclarationIdFrom(callExpression);
-  if (id == null) {
-    return null;
-  }
-  const variableIdPairs = parseVariableId(id);
-  debug$2("variableIdPairs:", variableIdPairs);
-  const returnVariableIdPairs = parseReturnStatement(returnStatement);
-  debug$2("returnVariableIdPairs:", returnVariableIdPairs);
-  return resolveIdentifier(variableIdPairs, returnVariableIdPairs);
-}
-const EMPTY_NODE_RETURN = {
-  callExpression: null,
-  returnStatement: null
-};
-function getCallExpressionAndReturnStatement(scope, local) {
-  const variable = eslintUitls.findVariable(scope, local);
-  if (variable == null) {
-    return EMPTY_NODE_RETURN;
-  }
-  const callExpressionRef = variable.references.find((ref) => {
-    return ref.identifier.parent?.type === AST_NODE_TYPES.CallExpression;
-  });
-  if (callExpressionRef == null) {
-    return EMPTY_NODE_RETURN;
-  }
-  let returnStatement = null;
-  if (callExpressionRef.from.type === "function" && callExpressionRef.from.block.type === AST_NODE_TYPES.FunctionExpression && callExpressionRef.from.block.parent.type === AST_NODE_TYPES.Property && callExpressionRef.from.block.parent.key.type === AST_NODE_TYPES.Identifier && callExpressionRef.from.block.parent.key.name === "setup") {
-    returnStatement = callExpressionRef.from.block.body.body.find((statement) => {
-      return statement.type === AST_NODE_TYPES.ReturnStatement;
-    });
-  }
-  return {
-    callExpression: callExpressionRef.identifier.parent,
-    returnStatement
-  };
-}
-function getVariableDeclarationIdFrom(node) {
-  if (node.parent?.type !== AST_NODE_TYPES.VariableDeclarator) {
-    return null;
-  }
-  return node.parent.id;
-}
-function parseVariableId(node) {
-  if (node.type === AST_NODE_TYPES.Identifier) {
-    return [{ key: node.name, value: null }];
-  } else {
-    const props = node.properties.filter(
-      // ignore RestElement
-      (prop) => prop.type === AST_NODE_TYPES.Property
-    );
-    const pairs = [];
-    for (const prop of props) {
-      if (prop?.key.type === AST_NODE_TYPES.Identifier && prop?.value.type === AST_NODE_TYPES.Identifier) {
-        pairs.push({ key: prop.key.name, value: prop.value.name });
-      }
-    }
-    return pairs;
-  }
-}
-function parseReturnStatement(node) {
-  const pairs = [];
-  if (node == null || node.argument == null) {
-    return pairs;
-  }
-  if (node.argument.type === AST_NODE_TYPES.ObjectExpression) {
-    for (const prop of node.argument.properties) {
-      if (prop.type === AST_NODE_TYPES.Property) {
-        if (prop.key.type === AST_NODE_TYPES.Identifier && prop.value.type === AST_NODE_TYPES.Identifier) {
-          pairs.push({ key: prop.key.name, value: prop.value.name });
-        } else if (prop.key.type === AST_NODE_TYPES.Identifier && prop.value.type === AST_NODE_TYPES.MemberExpression && prop.value.object.type === AST_NODE_TYPES.Identifier && prop.value.property.type === AST_NODE_TYPES.Identifier) {
-          pairs.push({
-            key: prop.key.name,
-            value: `${prop.value.object.name}.${prop.value.property.name}`
-          });
-        }
-      }
-    }
-    return pairs;
-  } else if (node.argument.type === AST_NODE_TYPES.Identifier) {
-    return pairs;
-  } else {
-    return pairs;
-  }
-}
-function resolveIdentifier(localVariables, returnVariable) {
-  if (returnVariable.length === 0) {
-    const variable = localVariables.find((pair) => pair.key === "t");
-    if (variable && variable.value) {
-      return { type: "identifier", key: variable.value };
-    }
-    const identifierOnly = localVariables.find((pair) => pair.value === null);
-    if (identifierOnly && identifierOnly.key) {
-      return { type: "object", key: identifierOnly.key, style: "script-setup" };
-    }
-    return null;
-  } else {
-    const variable = localVariables.find((pair) => pair.key === "t");
-    if (variable && variable.value) {
-      const returnVar = returnVariable.find((pair) => pair.value === variable.value);
-      if (returnVar && returnVar.key) {
-        return { type: "identifier", key: returnVar.key };
-      }
-    }
-    const identifierOnly = localVariables.find((pair) => pair.value === null);
-    if (identifierOnly && identifierOnly.key) {
-      const targetKey = identifierOnly.key;
-      const returnVar = returnVariable.find((pair) => pair.value?.startsWith(targetKey));
-      if (returnVar && returnVar.key) {
-        return { type: "object", key: returnVar.key, style: "setup-hook" };
-      }
-    }
-    return null;
-  }
-}
-
-function toArray(value) {
-  return Array.isArray(value) ? value : [value];
-}
-
-const getVueI18nAliasPath = (opts) => {
-  const filename = [
-    opts.module,
-    opts.runtimeOnly ? "runtime" : "",
-    !opts.ssr ? "esm-bundler" : "node",
-    "js"
-  ].filter(Boolean).join(".");
-  return `${opts.module}/dist/${filename}`;
-};
-function resolveOptions(options) {
-  const res = defu(options, {
-    ssr: false,
-    module: "vue-i18n",
-    escapeHtml: false,
-    onlyLocales: [],
-    fullInstall: true,
-    runtimeOnly: true,
-    strictMessage: true,
-    allowDynamic: false,
-    globalSFCScope: false,
-    forceStringify: false,
-    defaultSFCLang: "json",
-    dropMessageCompiler: false,
-    transformI18nBlock: void 0,
-    optimizeTranslationDirective: false
-  });
-  const include = res.include ? toArray(res.include).map((item) => normalize(item)) : void 0;
-  const _exclude = res.exclude ? toArray(res.exclude).map((item) => normalize(item)) : void 0;
-  const exclude = res.include ? _exclude : ["**/**"];
-  const onlyLocales = toArray(res.onlyLocales);
-  const fullInstall = res.module !== "vue-i18n" ? false : res.fullInstall;
-  const optimizeTranslationDirective = typeof res.optimizeTranslationDirective === "boolean" ? res.optimizeTranslationDirective : toArray(res.optimizeTranslationDirective);
-  const translationIdentifiers = /* @__PURE__ */ new Map();
-  const vueI18nAliasPath = getVueI18nAliasPath(res);
-  return {
-    ...res,
-    include,
-    exclude,
-    fullInstall,
-    onlyLocales,
-    vueI18nAliasPath,
-    translationIdentifiers,
-    optimizeTranslationDirective
-  };
-}
 
 const INTLIFY_BUNDLE_IMPORT_ID = "@intlify/unplugin-vue-i18n/messages";
 const VIRTUAL_PREFIX = "\0";
@@ -444,7 +139,7 @@ function resourcePlugin(opts, meta) {
     sourceMap: false
   };
   let vuePlugin = null;
-  const getSfcParser = () => vuePlugin ? getVueCompiler(vuePlugin).parse : parse$2;
+  const getSfcParser = () => vuePlugin ? getVueCompiler(vuePlugin).parse : parse$1;
   const resourcePaths = /* @__PURE__ */ new Set();
   for (const inc of opts.include || []) {
     for (const resourcePath of fg.sync(inc, { ignore: opts.exclude })) {
@@ -593,7 +288,7 @@ function resourcePlugin(opts, meta) {
         }
       }
       if (!query.vue && supportedFileExtensionsRE.test(id) && filter(id)) {
-        langInfo = parse$1(filename).ext;
+        langInfo = parse(filename).ext;
         const generate = getGenerator(langInfo);
         const parseOptions = getOptions(filename, ctx, query, {
           ...opts,
@@ -677,7 +372,7 @@ function generateBundleResources(resources) {
   const imports = [];
   for (const filename of resources) {
     debug$1(`${filename} bundle loading ...`);
-    const { name } = parse$1(filename);
+    const { name } = parse(filename);
     const varName = genSafeVariableName(
       [name, createHash("sha256").update(filename).digest("hex").substring(0, 8)].join("_")
     );
@@ -794,15 +489,6 @@ const unpluginFactory = (options = {}, meta) => {
   const resolvedOptions = resolveOptions(options);
   debug("plugin options (resolved):", resolvedOptions);
   const plugins = [resourcePlugin(resolvedOptions, meta)];
-  if (resolvedOptions.optimizeTranslationDirective) {
-    if (meta.framework === "webpack" || meta.framework === "rspack") {
-      raiseError(
-        `The 'optimizeTranslationDirective' option still is not supported for ${meta.framework}.
-We are waiting for your Pull Request \u{1F642}.`
-      );
-    }
-    plugins.push(directivePlugin(resolvedOptions));
-  }
   return plugins;
 };
 const unplugin = /* @__PURE__ */ createUnplugin(unpluginFactory);

package/lib/rspack.cjs

@@ -3,15 +3,10 @@
 const unplugin = require('unplugin');
 const index = require('./index.cjs');
 require('debug');
-require('@intlify/shared');
-require('@intlify/vue-i18n-extensions');
-require('@typescript-eslint/scope-manager');
-require('@typescript-eslint/typescript-estree');
-require('node:path');
-require('@eslint-community/eslint-utils');
-require('picocolors');
 require('defu');
+require('node:path');
 require('@intlify/bundle-utils');
+require('@intlify/shared');
 require('@rollup/pluginutils');
 require('fast-glob');
 require('knitwork');
@@ -19,6 +14,7 @@ require('mlly');
 require('node:crypto');
 require('node:fs');
 require('vue/compiler-sfc');
+require('picocolors');
 
 const rspack = unplugin.createRspackPlugin(index.unpluginFactory);
 

package/lib/rspack.mjs

@@ -1,15 +1,10 @@
 import { createRspackPlugin } from 'unplugin';
 import { unpluginFactory } from './index.mjs';
 import 'debug';
-import '@intlify/shared';
-import '@intlify/vue-i18n-extensions';
-import '@typescript-eslint/scope-manager';
-import '@typescript-eslint/typescript-estree';
-import 'node:path';
-import '@eslint-community/eslint-utils';
-import 'picocolors';
 import 'defu';
+import 'node:path';
 import '@intlify/bundle-utils';
+import '@intlify/shared';
 import '@rollup/pluginutils';
 import 'fast-glob';
 import 'knitwork';
@@ -17,6 +12,7 @@ import 'mlly';
 import 'node:crypto';
 import 'node:fs';
 import 'vue/compiler-sfc';
+import 'picocolors';
 
 const rspack = createRspackPlugin(unpluginFactory);
 

package/lib/types.d.cts

@@ -15,7 +15,6 @@ interface PluginOptions {
     globalSFCScope?: boolean;
     strictMessage?: boolean;
     escapeHtml?: boolean;
-    optimizeTranslationDirective?: boolean | string | string[];
     transformI18nBlock?: (src: string | Buffer) => string;
 }
 

package/lib/types.d.mts

@@ -15,7 +15,6 @@ interface PluginOptions {
     globalSFCScope?: boolean;
     strictMessage?: boolean;
     escapeHtml?: boolean;
-    optimizeTranslationDirective?: boolean | string | string[];
     transformI18nBlock?: (src: string | Buffer) => string;
 }
 

package/lib/types.d.ts

@@ -15,7 +15,6 @@ interface PluginOptions {
     globalSFCScope?: boolean;
     strictMessage?: boolean;
     escapeHtml?: boolean;
-    optimizeTranslationDirective?: boolean | string | string[];
     transformI18nBlock?: (src: string | Buffer) => string;
 }
 

package/lib/vite.cjs

@@ -3,15 +3,10 @@
 const unplugin = require('unplugin');
 const index = require('./index.cjs');
 require('debug');
-require('@intlify/shared');
-require('@intlify/vue-i18n-extensions');
-require('@typescript-eslint/scope-manager');
-require('@typescript-eslint/typescript-estree');
-require('node:path');
-require('@eslint-community/eslint-utils');
-require('picocolors');
 require('defu');
+require('node:path');
 require('@intlify/bundle-utils');
+require('@intlify/shared');
 require('@rollup/pluginutils');
 require('fast-glob');
 require('knitwork');
@@ -19,6 +14,7 @@ require('mlly');
 require('node:crypto');
 require('node:fs');
 require('vue/compiler-sfc');
+require('picocolors');
 
 const vite = unplugin.createVitePlugin(index.unpluginFactory);
 

package/lib/vite.mjs

@@ -1,15 +1,10 @@
 import { createVitePlugin } from 'unplugin';
 import { unpluginFactory } from './index.mjs';
 import 'debug';
-import '@intlify/shared';
-import '@intlify/vue-i18n-extensions';
-import '@typescript-eslint/scope-manager';
-import '@typescript-eslint/typescript-estree';
-import 'node:path';
-import '@eslint-community/eslint-utils';
-import 'picocolors';
 import 'defu';
+import 'node:path';
 import '@intlify/bundle-utils';
+import '@intlify/shared';
 import '@rollup/pluginutils';
 import 'fast-glob';
 import 'knitwork';
@@ -17,6 +12,7 @@ import 'mlly';
 import 'node:crypto';
 import 'node:fs';
 import 'vue/compiler-sfc';
+import 'picocolors';
 
 const vite = createVitePlugin(unpluginFactory);
 

package/lib/webpack.cjs

@@ -3,15 +3,10 @@
 const unplugin = require('unplugin');
 const index = require('./index.cjs');
 require('debug');
-require('@intlify/shared');
-require('@intlify/vue-i18n-extensions');
-require('@typescript-eslint/scope-manager');
-require('@typescript-eslint/typescript-estree');
-require('node:path');
-require('@eslint-community/eslint-utils');
-require('picocolors');
 require('defu');
+require('node:path');
 require('@intlify/bundle-utils');
+require('@intlify/shared');
 require('@rollup/pluginutils');
 require('fast-glob');
 require('knitwork');
@@ -19,6 +14,7 @@ require('mlly');
 require('node:crypto');
 require('node:fs');
 require('vue/compiler-sfc');
+require('picocolors');
 
 const webpack = unplugin.createWebpackPlugin(index.unpluginFactory);
 

package/lib/webpack.mjs

@@ -1,15 +1,10 @@
 import { createWebpackPlugin } from 'unplugin';
 import { unpluginFactory } from './index.mjs';
 import 'debug';
-import '@intlify/shared';
-import '@intlify/vue-i18n-extensions';
-import '@typescript-eslint/scope-manager';
-import '@typescript-eslint/typescript-estree';
-import 'node:path';
-import '@eslint-community/eslint-utils';
-import 'picocolors';
 import 'defu';
+import 'node:path';
 import '@intlify/bundle-utils';
+import '@intlify/shared';
 import '@rollup/pluginutils';
 import 'fast-glob';
 import 'knitwork';
@@ -17,6 +12,7 @@ import 'mlly';
 import 'node:crypto';
 import 'node:fs';
 import 'vue/compiler-sfc';
+import 'picocolors';
 
 const webpack = createWebpackPlugin(unpluginFactory);
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@intlify/unplugin-vue-i18n",
   "type": "module",
-  "version": "12.0.0-alpha.0",
+  "version": "12.0.0-alpha.1",
   "description": "unplugin for Vue I18n",
   "author": {
     "name": "kazuya kawaguchi",
@@ -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,12 +24,8 @@
     }
   },
   "dependencies": {
-    "@eslint-community/eslint-utils": "^4.4.0",
     "@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",
@@ -38,7 +34,7 @@
     "picocolors": "^1.0.0",
     "unplugin": "^2.2.0",
     "vue": "^3.4",
-    "@intlify/bundle-utils": "12.0.0-alpha.0"
+    "@intlify/bundle-utils": "12.0.0-alpha.1"
   },
   "devDependencies": {
     "@types/node": "^20.14.8",
@@ -58,7 +54,7 @@
     "webpack-merge": "^5.9.0"
   },
   "engines": {
-    "node": ">= 18"
+    "node": ">= 20"
   },
   "files": [
     "lib",