@veritree/ui 0.16.3 → 0.16.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.16.3",
+  "version": "0.16.6",
   "description": "veritree ui library",
   "type": "module",
   "main": "index.js",

package/src/components/Button/VTButton.vue

@@ -2,6 +2,7 @@
   <component
     :is="tag"
     :to="to"
+    :href="href"
     :type="type"
     :disabled="isDisabled"
     :class="[
@@ -71,6 +72,10 @@ export default {
       type: [String, Object],
       default: null,
     },
+    href: {
+      type: [String],
+      default: null,
+    },
     headless: {
       type: Boolean,
       default: false,
@@ -115,7 +120,7 @@ export default {
     },
 
     tag() {
-      return this.to ? 'NuxtLink' : 'button';
+      return this.to ? 'NuxtLink' : this.href ? 'a' : 'button';
     },
 
     type() {

package/src/components/Image/VTImage.vue

@@ -9,15 +9,15 @@
 </template>
 
 <script>
-import { handleImageResizing } from "../../utils/images";
+import { handleImageResizing } from '../../utils/images';
 
 export default {
-  name: "VTImage",
+  name: 'VTImage',
 
   props: {
     src: {
       type: String,
-      default: "",
+      default: '',
     },
     cdnSrc: {
       type: [String, Object],
@@ -67,7 +67,7 @@ export default {
 
     onError() {
       this.canLoad = false;
-      this.$emit("error");
+      this.$emit('error');
     },
   },
 };

package/src/utils/images.js

@@ -3,36 +3,42 @@ export const handleImageResizing = (url, width) => {
   if (!url) {
     return '';
   }
-
+  
   let cdn;
+  
+  try {
+    if (typeof url === 'object') {
+      cdn = url.cdn_url;
+    }
 
-  if (typeof url === 'object') {
-    cdn = url.cdn_url;
-  } else if (typeof url === 'string') {
-    cdn = JSON.parse(url).cdn_url;
-  }
+    if (typeof url === 'string') {
+      cdn = JSON.parse(url).cdn_url;
+    }
 
-  const base64String = cdn.split('net/');
-  const firstPart = base64String[0];
+    const base64String = cdn.split('net/');
+    const firstPart = base64String[0];
 
-  // if atob is crossed and your editor says is not supported,
-  // don't worry, it seems to be about NodeJS and not about
-  // browsers.
-  //
-  // Details: https://developer.mozilla.org/en-US/docs/Web/API/atob
-  const decodedString = JSON.parse(atob(base64String[1]));
+    // if atob is crossed and your editor says is not supported,
+    // don't worry, it seems to be about NodeJS and not about
+    // browsers.
+    //
+    // Details: https://developer.mozilla.org/en-US/docs/Web/API/atob
+      const decodedString = JSON.parse(atob(base64String[1]));
 
-  width
-    ? (decodedString.edits.resize.width = width)
-    : (decodedString.edits.resize.width = 450);
+    width
+      ? (decodedString.edits.resize.width = width)
+      : (decodedString.edits.resize.width = 450);
 
-  // if btoa is crossed and your editor says is not supported,
-  // don't worry, it seems to be about NodeJS and not about
-  // browsers.
-  //
-  // Details: https://developer.mozilla.org/en-US/docs/Web/API/atob
-  const encodedString = btoa(JSON.stringify(decodedString));
-  const encodedUrl = `${firstPart}net/${encodedString}`;
+    // if btoa is crossed and your editor says is not supported,
+    // don't worry, it seems to be about NodeJS and not about
+    // browsers.
+    //
+    // Details: https://developer.mozilla.org/en-US/docs/Web/API/atob
+    const encodedString = btoa(JSON.stringify(decodedString));
+    const encodedUrl = `${firstPart}net/${encodedString}`;
 
-  return encodedUrl;
+    return encodedUrl
+  } catch(error) {
+    console.error(`${error} in ${cdn}`);
+  }
 };