Delete item button from item viewer

app/imports/client/ui/creature/creatureProperties/CreaturePropertyDialog.vue

@@ -49,6 +49,7 @@
           :key="_id"
           :model="model"
           @select-sub-property="selectSubProperty"
+          @remove="remove"
         />
       </v-fade-transition>
     </template>

app/imports/client/ui/properties/shared/PropertyViewer.vue

@@ -53,6 +53,7 @@
       class="property-viewer"
       :model="model"
       @select-sub-property="id => selectSubProperty(id)"
+      @remove="$emit('remove')"
     />
     <v-row dense>
       <template

app/imports/client/ui/properties/viewers/ItemViewer.vue

@@ -20,6 +20,22 @@
           @change="changeQuantity"
         />
       </property-field>
+      <property-field
+        name="Delete"
+        center
+      >
+        <v-btn
+          outlined
+          style="font-size: 18px;"
+          class="ma-2"
+          :color="'primary'"
+          icon
+          :disabled="!context.editPermission"
+          @click="$emit('remove')"
+        >
+          <v-icon>mdi-delete</v-icon>
+        </v-btn>
+      </property-field>
       <property-field
         v-if="model.value !== undefined"
         name="value"