diff --git a/cateditor/src/components/CatalogContents.vue b/cateditor/src/components/CatalogContents.vue
index 33298cf..4b4a584 100644
--- a/cateditor/src/components/CatalogContents.vue
+++ b/cateditor/src/components/CatalogContents.vue
@@ -26,7 +26,7 @@
                        and so section-drop can cover all interior
                   -->
                   <v-list-item-content class="section-parent">
-                    <v-list-item-title v-html="item.name"/>
+                    <v-list-item-title v-text="item.name"/>
                     <v-list-item-subtitle
                       class="caption font-weight-light"
                       color="grey lighten-2"
@@ -67,7 +67,7 @@
                   @click="selectModel(item.model)"
                 >
                   <v-list-item-content>
-                    <v-list-item-title v-html="item.name"/>
+                    <v-list-item-title v-text="item.name"/>
                     <v-list-item-subtitle
                       class="caption font-weight-light"
                       color="grey lighten-2">
@@ -107,7 +107,7 @@
                 >
                   <v-list-item-content>
                     <v-list-item-title><b>{{ item.id }}</b> {{ item.name }}</v-list-item-title>
-                    <v-list-item-subtitle v-html="item.color"/>
+                    <v-list-item-subtitle v-text="item.color"/>
                   </v-list-item-content>
 
                   <v-list-item-action>
diff --git a/cateditor/src/components/DialogHeading.vue b/cateditor/src/components/DialogHeading.vue
index 7b9c88b..51600e1 100644
--- a/cateditor/src/components/DialogHeading.vue
+++ b/cateditor/src/components/DialogHeading.vue
@@ -11,7 +11,10 @@
 <script>
 export default {
   props: {
-    title: String,
+    title: {
+      type: String,
+      default: 'Title',
+    }
   },
 }
 </script>
diff --git a/cateditor/src/components/DragListHeading.vue b/cateditor/src/components/DragListHeading.vue
index 1a8d7a2..fc03a78 100644
--- a/cateditor/src/components/DragListHeading.vue
+++ b/cateditor/src/components/DragListHeading.vue
@@ -11,7 +11,10 @@
 <script>
 export default {
   props: {
-    title: String,
+    title: {
+      type: String,
+      default: 'Title',
+    },
   },
   data: () => ({
   }),
diff --git a/cateditor/src/components/Loading.vue b/cateditor/src/components/Loading.vue
index 12c7df8..b9c853f 100644
--- a/cateditor/src/components/Loading.vue
+++ b/cateditor/src/components/Loading.vue
@@ -12,7 +12,10 @@
 <script>
 export default {
   props: {
-    text: String,
+    text: {
+      type: String,
+      default: 'Loading...',
+    },
     show: Boolean,
   },
   data: () => ({
diff --git a/cateditor/src/components/Navbar.vue b/cateditor/src/components/Navbar.vue
index b9006cc..2f2e8da 100644
--- a/cateditor/src/components/Navbar.vue
+++ b/cateditor/src/components/Navbar.vue
@@ -43,7 +43,12 @@
 
 <script>
 export default {
-  props: ['pageTitle'],
+  props: {
+    pageTitle: {
+      type: String,
+      default: 'Title',
+    },
+  },
   data: () => ({
     foo: true
   })
diff --git a/cateditor/src/components/PDFProgress.vue b/cateditor/src/components/PDFProgress.vue
index e532fb8..d6d21fd 100644
--- a/cateditor/src/components/PDFProgress.vue
+++ b/cateditor/src/components/PDFProgress.vue
@@ -15,7 +15,10 @@
 <script>
 export default {
   props: {
-    percentDone: Number,
+    percentDone: {
+      type: Number,
+      default: 0,
+    },
   },
 }
 </script>
diff --git a/cateditor/src/components/SectionDeleteDialog.vue b/cateditor/src/components/SectionDeleteDialog.vue
index 71a004d..644231f 100644
--- a/cateditor/src/components/SectionDeleteDialog.vue
+++ b/cateditor/src/components/SectionDeleteDialog.vue
@@ -38,7 +38,8 @@ export default {
     value: Boolean,
     section: {
       type: Number,
-      required: false
+      required: false,
+      default: null,
     }
   },
   data: () => ({