feat: add cacheVersion prop to Icon component

Author: skaptox

src/components/primitives/Icon/Icon.vue

@@ -12,22 +12,26 @@ export default {
     customSize: String,
     fill: {
       type: String,
-    }
+    },
+    cacheVersion: {
+      type: String,
+      default: '1.0.0',
+    },
   },
   setup(props) {
     const shouldIconClass = computed(() => !props.customSize && !props.customClass)
     // Only apply 100% size when bulma icon class is used
-    const computedHeight = computed(() => !shouldIconClass.value ? props.customSize : "100%")
-    const computedWidth = computed(() => !shouldIconClass.value ? props.customSize : "100%")
+    const computedHeight = computed(() => (!shouldIconClass.value ? props.customSize : '100%'))
+    const computedWidth = computed(() => (!shouldIconClass.value ? props.customSize : '100%'))
     return { computedHeight, computedWidth, shouldIconClass }
   },
 }
 </script>
 
 <template>
-  <span :class="[{'icon': shouldIconClass}, size]">
+  <span :class="[{ 'icon': shouldIconClass }, size]">
     <svg :fill="fill" :height="computedHeight" :width="computedWidth" :class="[customClass]">
-      <use :href="`/${bundle}.svg#${name}`" />
+      <use :href="`/${bundle}.svg?v=${cacheVersion}#${name}`" />
     </svg>
   </span>
 </template>

src/components/primitives/Icon/__snapshots__/Icon.spec.js.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Icon render correctly 1`] = `<span class="icon"><svg height="100%" width="100%" class=""><use href="/undefined.svg#undefined"></use></svg></span>`;
+exports[`Icon render correctly 1`] = `<span class="icon"><svg height="100%" width="100%" class=""><use href="/undefined.svg?v=1.0.0#undefined"></use></svg></span>`;

src/components/primitives/Image/__snapshots__/Image.spec.js.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Image render correctly 1`] = `<figure class="image"><img class="img"></figure>`;
+exports[`Image render correctly 1`] = `<figure class="image figure"><img class="img"></figure>`;

src/components/primitives/Timeline/__snapshots__/Timeline.spec.js.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Timeline render correctly 1`] = `<ol class="px-5 timeline"></ol>`;
+exports[`Timeline render correctly 1`] = `<ol class="timeline"></ol>`;