renames component

src/components/ItemsRenderer.vue

@@ -14,7 +14,7 @@ This file is part of LiberaForms.
               :data="field_modal_data"
               @closeFieldModal="closeFieldModal" />
 
-  <DeleteItem v-if="!is_loading && delete_item_initiated" />
+  <DeleteItemModal v-if="!is_loading && delete_item_initiated" />
 
 </template>
 
@@ -23,12 +23,12 @@ import { computed, provide, ref, reactive } from "vue";
 import { dataDisplayStore } from '@/store.js'
 import ItemsGrid from '@/components/itemsRenderer/ItemsGrid.vue'
 import FieldModal from '@/components/itemsRenderer/FieldModal.vue'
-import DeleteItem from '@/components/itemsRenderer/DeleteItem.vue'
+import DeleteItemModal from '@/components/itemsRenderer/DeleteItemModal.vue'
 
 export default {
   name: 'ItemsRenderer',
   components: {
-    ItemsGrid, FieldModal, DeleteItem
+    ItemsGrid, FieldModal, DeleteItemModal
   },
 
   setup() {

src/components/itemsRenderer/DeleteItemModal.vue

@@ -46,7 +46,7 @@ import { computed } from "vue";
 import { dataDisplayStore } from '@/store.js'
 
 export default {
-  name: 'DeleteItem',
+  name: 'DeleteItemModal',
   components: {
 
   },

src/components/itemsRenderer/FieldModal.vue

@@ -24,7 +24,7 @@ This file is part of LiberaForms.
                     data-dismiss="modal"
                     aria-label="Close"
                     v-on:click="closeModal()">
-              <XIcon aria-hidden="true" />
+              <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
             </button>
           </div>
           <div class="modal-body">
@@ -131,12 +131,12 @@ This file is part of LiberaForms.
 import axios from 'axios';
 import { computed, ref, watch } from "vue";
 import { dataDisplayStore } from '@/store.js'
-import { XIcon } from '@zhuowenli/vue-feather-icons'
+//import { XIcon } from '@zhuowenli/vue-feather-icons'
 
 export default {
   name: 'FieldModal',
   components: {
-    XIcon
+    //XIcon
   },
   props: {
     data: Object,