@timus-networks/theme 1.0.8 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timus-networks/theme",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
   "main": "module.js",
   "types": "index.d.ts",
@@ -28,13 +28,15 @@
   "author": "Serkan Konakcı<serkan.konakci@gmail.com>",
   "license": "MIT",
   "dependencies": {
+    "@nuxtjs/tailwindcss": "^6.9.4",
     "sass": "*",
     "sass-loader": "*",
-    "tailwindcss": "*",
-    "@nuxtjs/tailwindcss": "^6.9.4"
+    "tailwindcss": "*"
   },
   "devDependencies": {
-    "glob": "*"
+    "glob": "*",
+    "sass": "*",
+    "sass-loader": "*"
   },
   "typings": "./index.d.ts"
 }

package/plugins/html-to-string.js

@@ -0,0 +1,33 @@
+import Vue from 'vue';
+
+/**
+ * Usage:
+ * <code v-str="'<el-button>Primary</el-button>'"></code>
+ *
+ * @param {*} str
+ * @returns
+ */
+const StringConverter = function (str) {
+  console.log('convertera geldi', this, str);
+  // `str` parametresini HTML olarak kabul edip onu güvenli bir string'e dönüştürmelisiniz
+  return str.replace(/</g, '&lt;').replace(/>/g, '&gt;');
+}
+
+Vue.directive('str', {
+  bind: (el, binding) => {
+    // `binding.value` ile elementin içeriğini alabilirsiniz
+    const convertedString = StringConverter(binding.value);
+    el.innerHTML = convertedString; // İçeriği güncelleyin
+    el.style.opacity = '0';
+    console.log('bind', el);
+  },
+  inserted: (el) => {
+    el.style.opacity = '1';
+    console.log('insert', el);
+  },
+  update: (el, binding) => {
+    const convertedString = StringConverter(binding.value);
+    el.innerHTML = convertedString;
+    console.log('update', el);
+  },
+})