progress on fancy list and info popup

cateditor/src/components/RawDisplayer.vue

@@ -0,0 +1,36 @@
+<template>
+  <v-card>
+    <v-toolbar color="purple" dark>
+      <v-toolbar-title>{{ title }}</v-toolbar-title>
+    </v-toolbar>
+    <pre>{{ valueString }}</pre>
+  </v-card>
+</template>
+
+<script>
+const props = {
+  name: 'RawDisplayer',
+  title: {
+    required: true,
+    type: String
+  },
+  value: {
+    required: true
+  }
+};
+
+export default {
+  props,
+  computed: {
+    valueString() {
+      return JSON.stringify(this.value, null, 2);
+    }
+  }
+};
+</script>
+
+<style scoped>
+pre {
+  text-align: start;
+}
+</style>