Added Vue filters & directives for translating

1 files changed, 14 insertions, 0 deletions

diff --git a/app/assets/javascripts/vue_shared/translate.js b/app/assets/javascripts/vue_shared/translate.js
new file mode 100644
index 00000000000..88b7c0bb954
--- /dev/null
+++ b/app/assets/javascripts/vue_shared/translate.js
@@ -0,0 +1,14 @@
+import locale from '../locale';
+
+export default (Vue) => {
+  Vue.filter('translate', text => locale.gettext(text));
+
+  Vue.directive('translate', {
+    bind(el) {
+      const $el = el;
+      const text = $el.textContent.trim();
+
+      $el.textContent = locale.gettext(text);
+    },
+  });
+};