Trim empty lines in ftl source content (#2)

`vite-plugin-vue2` pads SFC file sections with newlines - trim those

Author: Demivan

__tests__/__snapshots__/test.spec.ts.snap

@@ -16,8 +16,7 @@ function render(_ctx, _cache) {
 function block0 (Component) {
   const target = Component.options || Component;
   target.fluent = target.fluent || {};
-  target.fluent['en'] = new bundle.FluentResource(\`
-# Simple things are simple.
+  target.fluent['en'] = new bundle.FluentResource(\`# Simple things are simple.
 hello-user = Hello, {$userName}!
 
 # Complex things are possible.
@@ -29,8 +28,7 @@ shared-photos =
      [male] his stream
      [female] her stream
     *[other] their stream
-  }.
-\`);
+  }.\`);
 }
 
 const script = {};
@@ -61,8 +59,7 @@ function render(_ctx, _cache) {
 function block0 (Component) {
   const target = Component.options || Component;
   target.fluent = target.fluent || {};
-  target.fluent['en'] = new bundle.FluentResource(\`
-# Simple things are simple.
+  target.fluent['en'] = new bundle.FluentResource(\`# Simple things are simple.
 hello-user = Hello, {$userName}!
 
 # Complex things are possible.
@@ -74,8 +71,7 @@ shared-photos =
      [male] his stream
      [female] her stream
     *[other] their stream
-  }.
-\`);
+  }.\`);
 }
 
 const script = {};
@@ -87,3 +83,150 @@ script.__file = \\"__tests__/fixtures/test.vue\\";
 module.exports = script;
 "
 `;
+
+exports[`rollup plugin > works with vue 2 1`] = `
+"'use strict';
+
+var bundle = require('@fluent/bundle');
+
+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,
+    render,
+    staticRenderFns,
+    functionalTemplate,
+    injectStyles,
+    scopeId,
+    moduleIdentifier, /* server only */
+    shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+      ? scriptExports.options
+      : scriptExports;
+
+  // render functions
+  if (render) {
+    options.render = render;
+    options.staticRenderFns = staticRenderFns;
+    options._compiled = true;
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true;
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId;
+  }
+
+  var hook;
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+          context || // cached call
+          (this.$vnode && this.$vnode.ssrContext) || // stateful
+          (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__;
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context);
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier);
+      }
+    };
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    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) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook;
+      // register for functional component in vue file
+      var originalRender = options.render;
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context);
+        return originalRender(h, context)
+      };
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate;
+      options.beforeCreate = existing
+          ? [].concat(existing, hook)
+          : [hook];
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+function block0 (Component) {
+  const target = Component.options || Component;
+  target.fluent = target.fluent || {};
+  target.fluent['en'] = new bundle.FluentResource(\`# Simple things are simple.
+hello-user = Hello, {$userName}!
+
+# Complex things are possible.
+shared-photos =
+  {$userName} {$photoCount ->
+     [one] added one photo
+    *[other] added {$photoCount} new photos
+  } to {$userGender ->
+     [male] his stream
+     [female] her stream
+    *[other] their stream
+  }.\`);
+}
+
+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];
+  }
+}
+if (typeof block0 === 'function') block0(__component__);
+
+__component__.options.__file = \\"__tests__/fixtures/test.vue\\";
+var test = /*#__PURE__*/(function () { return __component__.exports })();
+
+module.exports = test;
+"
+`;

__tests__/test.spec.ts

@@ -4,6 +4,7 @@ import { fileURLToPath } from 'url'
 
 import { rollup, RollupOptions } from 'rollup'
 import vue from 'rollup-plugin-vue'
+import { createVuePlugin } from 'vite-plugin-vue2'
 
 import fluentPlugin from '../src'
 
@@ -38,6 +39,21 @@ describe('rollup plugin', () => {
     expect(code).toMatchSnapshot()
   })
 
+  it('works with vue 2', async () => {
+    // Arrange
+    // Act
+    const code = await testBundle({
+      input: resolve(baseDir, 'fixtures/test.vue'),
+      plugins: [
+        createVuePlugin(),
+        fluentPlugin()
+      ]
+    })
+
+    // Assert
+    expect(code).toMatchSnapshot()
+  })
+
   it('custom blockType', async () => {
     // Arrange
     // Act

package.json

@@ -1,7 +1,7 @@
 {
   "name": "rollup-plugin-fluent-vue",
   "version": "3.0.0",
-  "description": "Rollup and Vite plugin with custom block support for fluent-vue",
+  "description": "Rollup and Vite plugin for custom block support for fluent-vue",
   "keywords": [
     "localization",
     "l10n",
@@ -60,6 +60,8 @@
     "tsup": "^5.11.9",
     "typescript": "*",
     "vite": "^2.7.7",
-    "vitest": "^0.0.114"
+    "vite-plugin-vue2": "^1.9.3",
+    "vitest": "^0.0.114",
+    "vue-template-compiler": "^2.6.14"
   }
 }