Added fcf directive too format compound formulas with subscripts

Signed-off-by: Mehmet Baker <[email protected]>
mehmetb · Jan 17, 2022 · 37035ac · 37035ac
1 parent 790ff53
commit 37035ac
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -24,6 +24,7 @@ module.exports = {
     { src: '~/plugins/element-ui', ssr: false },
     { src: '~/plugins/vue-gtag.js', ssr: false, mode: 'client' },
     { src: '~/plugins/vue-sanitize', ssr: false },
+    { src: '~/plugins/directives', ssr: false },
   ],
 
   // Auto import components: https://go.nuxtjs.dev/config-components

diff --git a/plugins/directives.js b/plugins/directives.js
@@ -0,0 +1,7 @@
+import Vue from 'vue'
+
+Vue.directive('fcf', {
+  inserted(el) {
+    el.innerHTML = el.innerHTML.replace(/(\d+)/g, `<sub>$1</sub>`)
+  },
+})