quasar-ui-danx 0.0.7 → 0.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-danx",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "author": "Dan <dan@flytedesk.com>",
   "description": "DanX Vue / Quasar component library",
   "license": "MIT",

package/src/components/DragAndDrop/ListItemDraggable.vue

@@ -7,7 +7,7 @@
   >
     <div class="flex items-center">
       <div v-if="showHandle">
-        <img :src="DragHandleIcon" class="w-4 h-4" alt="drag-handle" />
+        <SvgImg :svg="DragHandleIcon" class="w-4 h-4" alt="drag-handle" />
       </div>
       <div class="flex-grow">
         <slot />
@@ -16,6 +16,7 @@
   </div>
 </template>
 <script setup>
+import SvgImg from "../Utility/SvgImg";
 import { HandleDraggableDotsIcon as DragHandleIcon } from "./Icons";
 import { ListDragAndDrop } from "./listDragAndDrop";
 

package/src/components/Utility/SvgImg.vue

@@ -0,0 +1,20 @@
+<template>
+  <img
+      v-if="typeof svg === 'string'"
+      :src="svg"
+      :alt="alt"
+  />
+  <component :is="svg" v-else />
+</template>
+<script setup>
+defineProps({
+  svg: {
+    type: [String, Object],
+    required: true
+  },
+  alt: {
+    type: String,
+    default: ""
+  }
+});
+</script>

package/src/vue-plugin.js

@@ -1,7 +1,9 @@
 export * from "./helpers";
 export * from "./components/DragAndDrop";
 
-import { version } from "../package.json";
+import packageJson from "../package.json";
+
+const { version } = packageJson;
 
 function install(app) {
     console.log(`Installing Danx UI ${version}... Nothing to do really.`);