.eslintrc.js

@@ -1,15 +1,5 @@
 module.exports = {
-  root: true,
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    project: './tsconfig.json'
-  },
-  plugins: ['@typescript-eslint'],
   extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/eslint-recommended',
-    'plugin:@typescript-eslint/recommended',
-    'standard-with-typescript'
+    '@antfu',
   ],
-  ignorePatterns: ['node_modules/', 'dist/', '*.js']
 }

.gitattributes

@@ -0,0 +1,3 @@
+* text=auto
+
+*.ftl text eol=lf

.github/workflows/test.yml

@@ -11,41 +11,41 @@ env:
 
 jobs:
   test:
-    name: "Test on Node.js ${{ matrix.node }} OS: ${{ matrix.os }} Vue: ${{matrix.vue}}"
+    name: 'Test on Node.js ${{ matrix.node }} OS: ${{ matrix.os }}'
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
         os: [ubuntu-latest, windows-latest]
-        node: [16]
+        node: [16, 17]
     steps:
-      - uses: actions/checkout@v2.3.5
+      - uses: actions/checkout@v3.0.0
         with:
           fetch-depth: 0
-      - uses: actions/setup-node@v2.4.1
+      - uses: actions/setup-node@v3.0.0
         with:
           node-version: ${{ matrix.node }}
-      - uses: pnpm/action-setup@v2.0.1
+      - uses: pnpm/action-setup@v2.2.1
         with:
-          version: 6.x.x
+          version: 7.x.x
           run_install: true
 
       - name: Test
         run: pnpm test -- --coverage
 
       - name: Upload code coverage
-        uses: codecov/codecov-action@v2
+        uses: codecov/codecov-action@v3
 
   lint:
     runs-on: ubuntu-latest
-    name: "Lint source code"
+    name: Lint source code
     steps:
-      - uses: actions/checkout@v2.3.5
+      - uses: actions/checkout@v3.0.0
         with:
           fetch-depth: 0
-      - uses: actions/setup-node@v2.4.1
-      - uses: pnpm/action-setup@v2.0.1
+      - uses: actions/setup-node@v3.0.0
+      - uses: pnpm/action-setup@v2.2.1
         with:
-          version: 6.x.x
+          version: 7.x.x
           run_install: true
 
       - name: Lint

.npmrc

@@ -0,0 +1 @@
+strict-peer-dependencies=false

README.md

@@ -1,3 +1,7 @@
+# ⚠ DEPRECATED ⚠
+
+**Funtionatily was moved to [unplugin-fluent-vue](https://github.com/fluent-vue/unplugin-fluent-vue)**
+
 rollup-plugin-fluent-vue
 =================
 
@@ -29,8 +33,8 @@ import fluentPlugin from 'rollup-plugin-fluent-vue'
 
 module.exports = {
   plugins: [
-    fluentPlugin()
-  ]
+    fluentPlugin(),
+  ],
 }
 ```
 
@@ -41,7 +45,7 @@ import vue from '@vitejs/plugin-vue'
 import fluentPlugin from 'rollup-plugin-fluent-vue'
 
 export default {
-  plugins: [vue(), fluentPlugin()]
+  plugins: [vue(), fluentPlugin()],
 }
 ```
 
@@ -65,7 +69,7 @@ Example of `App.vue` with custom block:
 
 <script>
 export default {
-  name: 'app'
+  name: 'App',
 }
 </script>
 

__tests__/__snapshots__/external.spec.ts.snap

@@ -0,0 +1,278 @@
+// Vitest Snapshot v1
+
+exports[`external ftl file support mode:development > works with vue 2 1`] = `
+"
+
+const _missingExportShim = void 0;
+const da_ftl = new _missingExportShim(\\"\\");
+const en_ftl = new _missingExportShim(\\"# Simple things are simple.\\\\nhello-user = Hello, {$userName}!\\\\n\\\\n# Complex things are possible.\\\\nshared-photos =\\\\n  {$userName} {$photoCount ->\\\\n     [one] added one photo\\\\n    *[other] added {$photoCount} new photos\\\\n  } to {$userGender ->\\\\n     [male] his stream\\\\n     [female] her stream\\\\n    *[other] their stream\\\\n  }.\\\\n\\");
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(\\"div\\", [_c(\\"div\\", [_vm._v(_vm._s(_vm.$t(\\"hello-user\\", {
+    userName: _vm.userName
+  })))]), _c(\\"div\\", [_vm._v(_vm._s(_vm.$t(\\"shared-photos\\", {
+    userName: _vm.userName,
+    photoCount: _vm.photoCount,
+    userGender: _vm.userGender
+  })))])]);
+};
+var staticRenderFns = [];
+render._withStripped = true;
+function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
+  var options = typeof scriptExports === \\"function\\" ? scriptExports.options : scriptExports;
+  if (render2) {
+    options.render = render2;
+    options.staticRenderFns = staticRenderFns2;
+    options._compiled = true;
+  }
+  if (functionalTemplate) {
+    options.functional = true;
+  }
+  if (scopeId) {
+    options._scopeId = \\"data-v-\\" + scopeId;
+  }
+  var hook;
+  if (moduleIdentifier) {
+    hook = function(context) {
+      context = context || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== \\"undefined\\") {
+        context = __VUE_SSR_CONTEXT__;
+      }
+      if (injectStyles) {
+        injectStyles.call(this, context);
+      }
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
+    };
+    options._ssrRegister = hook;
+  } else if (injectStyles) {
+    hook = shadowMode ? function() {
+      injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
+    } : injectStyles;
+  }
+  if (hook) {
+    if (options.functional) {
+      options._injectStyles = hook;
+      var originalRender = options.render;
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
+      };
+    } else {
+      var existing = options.beforeCreate;
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+    }
+  }
+  return {
+    exports: scriptExports,
+    options
+  };
+}
+const __vue2_script = {};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
+}
+__component__.options.__file = \\"fixtures/components/external.vue\\";
+__component__.fluent = __component__.fluent || {};
+__component__.fluent[\\"en\\"] = en_ftl;
+__component__.fluent[\\"da\\"] = da_ftl;
+"
+`;
+
+exports[`external ftl file support mode:development > works with vue 3 1`] = `
+"
+
+const _missingExportShim = void 0;
+const da_ftl = new _missingExportShim(\\"\\");
+const en_ftl = new _missingExportShim(\\"# Simple things are simple.\\\\nhello-user = Hello, {$userName}!\\\\n\\\\n# Complex things are possible.\\\\nshared-photos =\\\\n  {$userName} {$photoCount ->\\\\n     [one] added one photo\\\\n    *[other] added {$photoCount} new photos\\\\n  } to {$userGender ->\\\\n     [male] his stream\\\\n     [female] her stream\\\\n    *[other] their stream\\\\n  }.\\\\n\\");
+const _sfc_main = {};
+_sfc_main.fluent = _sfc_main.fluent || {};
+_sfc_main.fluent[\\"en\\"] = en_ftl;
+_sfc_main.fluent[\\"da\\"] = da_ftl;
+"
+`;
+
+exports[`external ftl file support mode:development > works with vue 3 rollup plugin 1`] = `
+"
+
+const _missingExportShim = void 0;
+const da_ftl = new _missingExportShim(\\"\\");
+const en_ftl = new _missingExportShim(\\"# Simple things are simple.\\\\nhello-user = Hello, {$userName}!\\\\n\\\\n# Complex things are possible.\\\\nshared-photos =\\\\n  {$userName} {$photoCount ->\\\\n     [one] added one photo\\\\n    *[other] added {$photoCount} new photos\\\\n  } to {$userGender ->\\\\n     [male] his stream\\\\n     [female] her stream\\\\n    *[other] their stream\\\\n  }.\\\\n\\");
+function render(_ctx, _cache) {
+  return _missingExportShim(), _missingExportShim(\\"div\\", null, [
+    _missingExportShim(\\"div\\", null, _missingExportShim(_ctx.$t(\\"hello-user\\", { userName: _ctx.userName })), 1),
+    _missingExportShim(\\"div\\", null, _missingExportShim(_ctx.$t(\\"shared-photos\\", { userName: _ctx.userName, photoCount: _ctx.photoCount, userGender: _ctx.userGender })), 1)
+  ]);
+}
+const script = {};
+script.render = render;
+script.__file = \\"__tests__/fixtures/components/external.vue\\";
+script.fluent = script.fluent || {};
+script.fluent[\\"en\\"] = en_ftl;
+script.fluent[\\"da\\"] = da_ftl;
+"
+`;
+
+exports[`external ftl file support mode:development > works with vue 3 script setup 1`] = `
+"
+
+const _missingExportShim = void 0;
+const en_ftl = new _missingExportShim(\\"# Simple things are simple.\\\\nhello-user = Hello, {$userName}!\\\\n\\\\n# Complex things are possible.\\\\nshared-photos =\\\\n  {$userName} {$photoCount ->\\\\n     [one] added one photo\\\\n    *[other] added {$photoCount} new photos\\\\n  } to {$userGender ->\\\\n     [male] his stream\\\\n     [female] her stream\\\\n    *[other] their stream\\\\n  }.\\\\n\\");
+const _sfc_main = {
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return _missingExportShim(), _missingExportShim(\\"div\\", null, [
+        _missingExportShim(\\"div\\", null, _missingExportShim(_ctx.$t(\\"hello-user\\", { userName: _ctx.userName })), 1),
+        _missingExportShim(\\"div\\", null, _missingExportShim(_ctx.$t(\\"shared-photos\\", { userName: _ctx.userName, photoCount: _ctx.photoCount, userGender: _ctx.userGender })), 1)
+      ]);
+    };
+  }
+};
+_sfc_main.fluent = _sfc_main.fluent || {};
+_sfc_main.fluent[\\"en\\"] = en_ftl;
+"
+`;
+
+exports[`external ftl file support mode:production > works with vue 2 1`] = `
+"
+
+const _missingExportShim = void 0;
+const da_ftl = new _missingExportShim(\\"\\");
+const en_ftl = new _missingExportShim(\\"# Simple things are simple.\\\\nhello-user = Hello, {$userName}!\\\\n\\\\n# Complex things are possible.\\\\nshared-photos =\\\\n  {$userName} {$photoCount ->\\\\n     [one] added one photo\\\\n    *[other] added {$photoCount} new photos\\\\n  } to {$userGender ->\\\\n     [male] his stream\\\\n     [female] her stream\\\\n    *[other] their stream\\\\n  }.\\\\n\\");
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(\\"div\\", [_c(\\"div\\", [_vm._v(_vm._s(_vm.$t(\\"hello-user\\", {
+    userName: _vm.userName
+  })))]), _c(\\"div\\", [_vm._v(_vm._s(_vm.$t(\\"shared-photos\\", {
+    userName: _vm.userName,
+    photoCount: _vm.photoCount,
+    userGender: _vm.userGender
+  })))])]);
+};
+var staticRenderFns = [];
+function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
+  var options = typeof scriptExports === \\"function\\" ? scriptExports.options : scriptExports;
+  if (render2) {
+    options.render = render2;
+    options.staticRenderFns = staticRenderFns2;
+    options._compiled = true;
+  }
+  if (functionalTemplate) {
+    options.functional = true;
+  }
+  if (scopeId) {
+    options._scopeId = \\"data-v-\\" + scopeId;
+  }
+  var hook;
+  if (moduleIdentifier) {
+    hook = function(context) {
+      context = context || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== \\"undefined\\") {
+        context = __VUE_SSR_CONTEXT__;
+      }
+      if (injectStyles) {
+        injectStyles.call(this, context);
+      }
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
+    };
+    options._ssrRegister = hook;
+  } else if (injectStyles) {
+    hook = shadowMode ? function() {
+      injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
+    } : injectStyles;
+  }
+  if (hook) {
+    if (options.functional) {
+      options._injectStyles = hook;
+      var originalRender = options.render;
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context);
+        return originalRender(h, context);
+      };
+    } else {
+      var existing = options.beforeCreate;
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+    }
+  }
+  return {
+    exports: scriptExports,
+    options
+  };
+}
+const __vue2_script = {};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
+}
+__component__.fluent = __component__.fluent || {};
+__component__.fluent[\\"en\\"] = en_ftl;
+__component__.fluent[\\"da\\"] = da_ftl;
+"
+`;
+
+exports[`external ftl file support mode:production > works with vue 3 1`] = `
+"
+
+const _missingExportShim = void 0;
+const da_ftl = new _missingExportShim(\\"\\");
+const en_ftl = new _missingExportShim(\\"# Simple things are simple.\\\\nhello-user = Hello, {$userName}!\\\\n\\\\n# Complex things are possible.\\\\nshared-photos =\\\\n  {$userName} {$photoCount ->\\\\n     [one] added one photo\\\\n    *[other] added {$photoCount} new photos\\\\n  } to {$userGender ->\\\\n     [male] his stream\\\\n     [female] her stream\\\\n    *[other] their stream\\\\n  }.\\\\n\\");
+const _sfc_main = {};
+_sfc_main.fluent = _sfc_main.fluent || {};
+_sfc_main.fluent[\\"en\\"] = en_ftl;
+_sfc_main.fluent[\\"da\\"] = da_ftl;
+"
+`;
+
+exports[`external ftl file support mode:production > works with vue 3 rollup plugin 1`] = `
+"
+
+const _missingExportShim = void 0;
+const da_ftl = new _missingExportShim(\\"\\");
+const en_ftl = new _missingExportShim(\\"# Simple things are simple.\\\\nhello-user = Hello, {$userName}!\\\\n\\\\n# Complex things are possible.\\\\nshared-photos =\\\\n  {$userName} {$photoCount ->\\\\n     [one] added one photo\\\\n    *[other] added {$photoCount} new photos\\\\n  } to {$userGender ->\\\\n     [male] his stream\\\\n     [female] her stream\\\\n    *[other] their stream\\\\n  }.\\\\n\\");
+function render(_ctx, _cache) {
+  return _missingExportShim(), _missingExportShim(\\"div\\", null, [
+    _missingExportShim(\\"div\\", null, _missingExportShim(_ctx.$t(\\"hello-user\\", { userName: _ctx.userName })), 1),
+    _missingExportShim(\\"div\\", null, _missingExportShim(_ctx.$t(\\"shared-photos\\", { userName: _ctx.userName, photoCount: _ctx.photoCount, userGender: _ctx.userGender })), 1)
+  ]);
+}
+const script = {};
+script.render = render;
+script.fluent = script.fluent || {};
+script.fluent[\\"en\\"] = en_ftl;
+script.fluent[\\"da\\"] = da_ftl;
+"
+`;
+
+exports[`external ftl file support mode:production > works with vue 3 script setup 1`] = `
+"
+
+const _missingExportShim = void 0;
+const en_ftl = new _missingExportShim(\\"# Simple things are simple.\\\\nhello-user = Hello, {$userName}!\\\\n\\\\n# Complex things are possible.\\\\nshared-photos =\\\\n  {$userName} {$photoCount ->\\\\n     [one] added one photo\\\\n    *[other] added {$photoCount} new photos\\\\n  } to {$userGender ->\\\\n     [male] his stream\\\\n     [female] her stream\\\\n    *[other] their stream\\\\n  }.\\\\n\\");
+const _sfc_main = {
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return _missingExportShim(), _missingExportShim(\\"div\\", null, [
+        _missingExportShim(\\"div\\", null, _missingExportShim(_ctx.$t(\\"hello-user\\", { userName: _ctx.userName })), 1),
+        _missingExportShim(\\"div\\", null, _missingExportShim(_ctx.$t(\\"shared-photos\\", { userName: _ctx.userName, photoCount: _ctx.photoCount, userGender: _ctx.userGender })), 1)
+      ]);
+    };
+  }
+};
+_sfc_main.fluent = _sfc_main.fluent || {};
+_sfc_main.fluent[\\"en\\"] = en_ftl;
+"
+`;