Add:Library media type selection and library icons

client/components/widgets/LibraryIcon.vue

@@ -1,20 +1,27 @@
 <template>
-  <div class="h-4 w-4">
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4" />
-    </svg>
+  <div :class="`h-${size} w-${size}`">
+    <component :is="iconComponentName" />
   </div>
 </template>
 
 <script>
 export default {
   props: {
-    icon: String
+    icon: String,
+    size: {
+      type: Number,
+      default: 5
+    }
   },
   data() {
     return {}
   },
-  computed: {},
+  computed: {
+    iconComponentName() {
+      if (this.icon === 'default') return `icons-database-svg`
+      return `icons-${this.icon}-svg`
+    }
+  },
   methods: {},
   mounted() {}
 }