@timus-networks/theme 1.0.143 → 1.0.145

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@timus-networks/theme",
-  "version": "1.0.143",
+  "version": "1.0.145",
   "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
   "main": "module.js",
   "types": "index.d.ts",
+  "typings": "./index.d.ts",
+  "author": "Serkan Konakcı<serkan.konakci@timusnetworks.com>",
+  "license": "MIT",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "convert-js": "node convert-js.js",
@@ -25,8 +28,6 @@
   "peerDependencies": {
     "vue": "*"
   },
-  "author": "Serkan Konakcı<serkan.konakci@timusnetworks.com>",
-  "license": "MIT",
   "dependencies": {
     "@nuxtjs/tailwindcss": "*",
     "sass": "*",
@@ -37,6 +38,5 @@
     "glob": "*",
     "sass": "*",
     "sass-loader": "*"
-  },
-  "typings": "./index.d.ts"
+  }
 }

package/plugins/html-to-string.js

@@ -10,13 +10,15 @@ import Vue from 'vue';
 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);
@@ -27,7 +29,8 @@ Vue.directive('str', {
   },
   update: (el, binding) => {
     const convertedString = StringConverter(binding.value);
+
     el.innerHTML = convertedString;
     console.log('update', el);
   },
-})
+});

package/plugins/js-components-installer.js

@@ -1,10 +1,11 @@
 import Vue from 'vue';
 
+// eslint-disable-next-line no-restricted-imports
+import components from '../components-js/exporter';
+
 // get options passed from module.js
 const options = JSON.parse(`<%= JSON.stringify(options) %>`);
 
-import components from '../components-js/exporter';
-
 // loop through components and register them
 for (const name in components) {
   Vue.component(name, {

package/plugins/theme-provider.js

@@ -1,26 +1,30 @@
 import Vue from 'vue';
+
 /**
  * Helper functions to handle localStorage safely
  */
 function getDarkModeFromLocalStorage() {
-    return process.client && localStorage.getItem('darkMode') === 'true';
+  return process.client && localStorage.getItem('darkMode') === 'true';
 }
+
 function setDarkModeToLocalStorage(value) {
-    if (process.client) {
-        localStorage.setItem('darkMode', value.toString());
-    }
+  if (process.client) {
+    localStorage.setItem('darkMode', value.toString());
+  }
 }
+
 function setHtmlDarkClass(isDark) {
-    if (process.client) {
-        const htmlElement = document.documentElement;
-        if (isDark) {
-            htmlElement.classList.add('dark');
-        }
-        else {
-            htmlElement.classList.remove('dark');
-        }
+  if (process.client) {
+    const htmlElement = document.documentElement;
+
+    if (isDark) {
+      htmlElement.classList.add('dark');
+    } else {
+      htmlElement.classList.remove('dark');
     }
+  }
 }
+
 /**
  * ThemeProvider: A Vue instance to provide theme related functionalities.
  *
@@ -32,37 +36,37 @@ function setHtmlDarkClass(isDark) {
  *   this.$theme.$on('darkMode', (value) => { console.log('darkMode:', value); });
  */
 export const ThemeProvider = new Vue({
-    data() {
-        return {
-            isDarkMode: getDarkModeFromLocalStorage(),
-        };
-    },
-    computed: {
-        isDark: {
-            get() {
-                return this.isDarkMode;
-            },
-            set(value) {
-                this.isDarkMode = value;
-                setDarkModeToLocalStorage(value);
-                this.$emit('darkMode', value);
-            },
-        },
-    },
-    watch: {
-        isDark(newVal) {
-            setHtmlDarkClass(newVal);
-        },
+  data() {
+    return {
+      isDarkMode: getDarkModeFromLocalStorage(),
+    };
+  },
+  computed: {
+    isDark: {
+      get() {
+        return this.isDarkMode;
+      },
+      set(value) {
+        this.isDarkMode = value;
+        setDarkModeToLocalStorage(value);
+        this.$emit('darkMode', value);
+      },
     },
-    methods: {
-        setDarkMode(value) {
-            this.isDark = value; // This will trigger the setter of isDark.
-        },
+  },
+  watch: {
+    isDark(newVal) {
+      setHtmlDarkClass(newVal);
     },
-    created() {
-        setHtmlDarkClass(this.isDark); // Sayfa yüklendiğinde fonksiyonu manuel olarak tetikle
+  },
+  created() {
+    setHtmlDarkClass(this.isDark); // Sayfa yüklendiğinde fonksiyonu manuel olarak tetikle
+  },
+  methods: {
+    setDarkMode(value) {
+      this.isDark = value; // This will trigger the setter of isDark.
     },
+  },
 });
 export default (context, inject) => {
-    inject('theme', ThemeProvider);
+  inject('theme', ThemeProvider);
 };

package/plugins/ts-components-installer.js

@@ -1,10 +1,11 @@
 import Vue from 'vue';
 
+// eslint-disable-next-line no-restricted-imports
+import components from '../components-ts/exporter';
+
 // get options passed from module.js
 const options = JSON.parse(`<%= JSON.stringify(options) %>`);
 
-import components from '../components-ts/exporter';
-
 // loop through components and register them
 for (const name in components) {
   Vue.component(name, {