fluent-vue
diff --git a/‎LICENSE
Copy file name to clipboardExpand all lines: LICENSE
+1-1Lines changed: 1 addition & 1 deletion b/‎LICENSE
Copy file name to clipboardExpand all lines: LICENSE
+1-1Lines changed: 1 addition & 1 deletion
diff --git a/‎README.md
Copy file name to clipboard
+31Lines changed: 31 additions & 0 deletions b/‎README.md
Copy file name to clipboard
+31Lines changed: 31 additions & 0 deletions
diff --git a/‎lib/index.js
Copy file name to clipboard
+65Lines changed: 65 additions & 0 deletions b/‎lib/index.js
Copy file name to clipboard
+65Lines changed: 65 additions & 0 deletions
diff --git a/‎package.json
Copy file name to clipboard
+16Lines changed: 16 additions & 0 deletions b/‎package.json
Copy file name to clipboard
+16Lines changed: 16 additions & 0 deletions
diff --git a/‎pnpm-lock.yaml
Copy file name to clipboardExpand all lines: pnpm-lock.yaml
+110Lines changed: 110 additions & 0 deletions b/‎pnpm-lock.yaml
Copy file name to clipboardExpand all lines: pnpm-lock.yaml
+110Lines changed: 110 additions & 0 deletions
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 fluent-vue
+Copyright 2021 Ivan Demchuk <ivan.demchuk@gmail.com>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 
@@ -0,0 +1,31 @@
+# @fluent-vue/nuxt2-build-module
+
+This is [fluent-vue](https://github.com/demivan/fluent-vue) build module for Nuxt 2.
+
+## What does it do?
+
+* Adds a `fluent-vue-loader` to support `<fluent>` custom blocks in SFC files
+* Adds a `raw-loader` to handle `.ftl` files
+* Enables SSR support for `v-t` directive
+
+> NOTE: When using v-t directive with v-bind directive, make sure to write v-t directive second. v-bind will clear all attributes added by v-t directive otherwise. This is a limitation of Vue 2 compiler.
+
+## Instalation
+
+Add this module to your dev dependencies:
+
+```sh
+pnpm add @fluent-vue/nuxt2-build-module -D
+```
+
+Add build module to your Nuxt 2 config.
+
+```js
+{
+  // ...
+  buildModules: [
+    '@fluent-vue/nuxt2-build-module'
+  ],
+  // ...
+}
+```
@@ -0,0 +1,65 @@
+// Copied from https://github.com/vuejs/vue/blob/0603ff695d2f41286239298210113cbe2b209e28/src/compiler/helpers.js
+function addProp (el, name, value, range) {
+  (el.props || (el.props = [])).push(rangeSetItem({ name, value }, range))
+  el.plain = false
+}
+
+function rangeSetItem (item, range) {
+  if (range) {
+    if (range.start != null) {
+      item.start = range.start
+    }
+    if (range.end != null) {
+      item.end = range.end
+    }
+  }
+  return item
+}
+
+// TODO: Extract to a separate package
+const vtDirective = function (el, dir) {
+  // Preserve data from v-bind directive
+  const previousWrapData = el.wrapData
+  el.wrapData = (code) => {
+    if (previousWrapData) {
+      code = previousWrapData(code)
+    }
+
+    return `_b(${code},'${el.tag}',$ta('${dir.arg}'),false)`
+  }
+
+  addProp(el, 'textContent', `_s($t('${dir.arg}'))`, dir)
+}
+
+export default function FluentVueModule () {
+  this.extendBuild(config => {
+    config.module = config.module || { rules: [] }
+
+    // Allow importing ftl files as strings
+    config.module.rules.push({
+      test: /\.ftl$/,
+      loader: require.resolve('raw-loader')
+    })
+
+    // Add support for SFC custom blocks
+    config.module.rules.push({
+      resourceQuery: /blockType=fluent/,
+      type: 'javascript/auto',
+      loader: require.resolve('fluent-vue-loader')
+    })
+
+    const vueRule = config.module.rules.find(rule => rule.loader?.toString().includes('vue-loader'))
+
+    if (!vueRule) {
+      console.error('Could not find vue-loader rule in Webpack config')
+      return
+    }
+
+    vueRule.options = vueRule.options || {}
+    vueRule.options.compilerOptions = options.compilerOptions || {}
+    vueRule.options.compilerOptions.directives = vueRule.options.compilerOptions.directives || {}
+    vueRule.options.compilerOptions.directives.t = vtDirective
+  })
+}
+
+module.exports.meta = require('../package.json')
@@ -0,0 +1,16 @@
+{
+  "name": "@fluent-vue/nuxt2-build-module",
+  "version": "0.0.1",
+  "description": "Nuxt build module for fluent-vue",
+  "scripts": {
+  },
+  "files": [
+    "lib",
+    "README.md"
+  ],
+  "main": "lib/index.js",
+  "dependencies": {
+    "fluent-vue-loader": "^3.0.0",
+    "raw-loader": "^4.0.2"
+  }
+}