Vue I18n OP

在开发过程中，频繁的人工翻译和替换中文真的很累有木有！😩 此刻的你一定也和我有着相同的烦恼，才让我们在这里相遇！👨🏻‍🤝‍👨🏼 这是一款辅助开发者快速编写与替换Vue I18n的工具🚀

主要能力

支持Vue/Vue3（Options API/组合式API）
支持JavaScript/TypeScript文件的翻译
支持一键替换当前文件文本
支持设置文本保存的路径
支持以js/ts/json类型保存

效果展示

// 替换前
<template>
  <div text="姓名" :attr="'年龄' + age">
    <p>自动国际化</p>
    <p>{{ "测试文本" }}{{ `星期一` }}</p>
    <el-input
      :data="{ placeholder: '请输入', other: `其他信息${company}` }"
    ></el-input>
    <p>{{ "字符串：" + getDepartment("部门") }}</p>
    <p>{{ `模板字符串：${getDepartment("部门")}` }}</p>
  </div>
</template>

<script>
export default {
  props: {},
  data() {
    return {
      age: 12,
      company: "浙江某公司",
      department: "大数据研究院",
    };
  },
  methods: {
    getDepartment(text) {
      let str = "测试";
      return `${text}是${this.department}`;
    },
  },
};
</script>

// 替换后
<template>
  <div :text="$t('data.Qkhn5Pdi')" :attr="$t('data.e3KR2je4') + age">
    <p>{{$t('data.iifYXS54')}}</p>
    <p>{{ $t('data.JMQ8dNjn') }}{{ `${$t('data.8t3mAiGi')}` }}</p>
    <el-input
      :data="{ placeholder: $t('data.6MRmxCTk'), other: `${$t('data.cSXz37n7')}${company}` }"
    ></el-input>
    <p>{{ $t('data.G6fFm5P5') + getDepartment($t('data.5RJktc33')) }}</p>
    <p>{{ `${$t('data.6Q5TyCMm')}${getDepartment($t('data.5RJktc33'))}` }}</p>
  </div>
</template>

<script>
export default {
  props: {},
  data() {
    return {
      age: 12,
      company: this.$t('data.QJ5zSbWH'),
      department: this.$t('data.YpKNk7y4'),
    };
  },
  methods: {
    getDepartment(text) {
      let str = this.$t('data.r4x67Gif');
      return `${text}${this.$t('data.Aj3SfHED')}${this.department}`;
    },
  },
};
</script>