fix(Tag): fix tag contrast color in vue apps

makesenseorg · Jan 16, 2024 · ae1addb · ae1addb
1 parent 4b8fca2
commit ae1addb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@makesenseorg/design-system",
-  "version": "1.17.13",
+  "version": "1.17.14",
   "engines": {
     "node": "14.x"
   },

diff --git a/src/system/components/atoms/tag/Tag.vue b/src/system/components/atoms/tag/Tag.vue
@@ -134,8 +134,9 @@ export default {
       else return this.label;
     },
     contrastColor() {
-      if (process.server) return getContrastColor(this.color);
-      if (process.client) return getContrastColor(this.color);
+      if (process.server) return this.$getContrastColor(this.color); // for nuxt // to trigger on server side
+      if (process.client) return this.$getContrastColor(this.color); // for nuxt // to trigger on client side
+      return this.$getContrastColor(this.color); // for vue
     },
     hoverColor() {
       return this.$getHoverColor(this.color);