refresh on delete

src/views/ZeroPricesView.vue

@@ -26,6 +26,11 @@ const fetchZeroPrices = async () => {
   }
 }
 
+const handleDeleted = () => {
+  toDelete.value = []
+  fetchZeroPrices()
+}
+
 onMounted(() => {
   fetchZeroPrices()
 })
@@ -38,7 +43,7 @@ onMounted(() => {
   </div>
   <div v-else>
     <div class="sticky-search-container">
-      <ZeroPricesToolbar :selected="toDelete" />
+      <ZeroPricesToolbar :selected="toDelete" @deleted="handleDeleted" />
     </div>
     <div v-for="item in zeroPrices" :key="item.created_at">
       <ZeroPriceCard :zero-price="item" @toggle="handleToggle" />

src/views/ZeroPricesView/ZeroPricesToolbar.vue

@@ -10,11 +10,13 @@ const props = defineProps({
 
 const messages = useMessage()
 const { deleteZeroPrices } = useZeroPrices()
+const emit = defineEmits(['deleted'])
 
 const handleDelete = async () => {
   try {
     await deleteZeroPrices(props.selected)
     messages.success("Selected zero prices deleted")
+    emit('deleted')
   } catch (error) {
     console.log(error)
     messages.error("Error deleting selected prices")
@@ -23,7 +25,6 @@ const handleDelete = async () => {
 </script>
 
 <template>
-  {{ props.selected }}
   <div class="toolbar button-container-evenly padding-lr-30">
     <div v-if="props.selected.length === 0" class="toolbar-item">
       <span>Select records to delete</span>