vue components refactoring

resources/js/components/UI/List/ListInfo.vue

@@ -0,0 +1,16 @@
+<template>
+    <ul class="list-info">
+        <slot />
+    </ul>
+</template>
+
+<script>
+export default {
+    name: 'ListInfo',
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../../../../sass/vuefilemanager/variables';
+@import '../../../../sass/vuefilemanager/mixins';
+</style>

resources/js/components/UI/List/ListInfoItem.vue

@@ -0,0 +1,19 @@
+<template>
+    <div class="mb-4">
+        <small class="text-theme block text-xs font-bold">
+            {{ title }}
+        </small>
+        <b v-if="content" class="inline-block text-sm font-bold">
+            {{ content }}
+        </b>
+
+        <slot v-if="$slots.default" />
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'ListInfoItem',
+    props: ['content', 'title'],
+}
+</script>