DialogHeading: smarter about close button - simplify dialogs

cateditor/src/components/DialogHeading.vue

@@ -3,7 +3,11 @@
     <v-card-title class="subtitle-1 ma-0 pa-0 pl-1">
       <span class="px-2 py-0">{{ title }}</span>
       <v-spacer/>
-      <slot/>
+      <slot>
+        <v-btn icon class="ma-0 pa-0" @click="hide()">
+          <v-icon color="white">mdi-close</v-icon>
+        </v-btn>
+      </slot>
     </v-card-title>
   </v-card>
 </template>
@@ -14,7 +18,12 @@ export default {
     title: {
       type: String,
       default: 'Title',
-    }
+    },
   },
+  methods: {
+    hide: function(id) {
+      this.$emit('hide')
+    },
+  }
 }
 </script>