Change props to meet guidelines

app/assets/javascripts/repo/repo_file.vue

@@ -1,13 +1,29 @@
 <script>
 const RepoFile = {
   props: {
-    name: 'repo-file',
-    file: Object,
-    isTree: Boolean,
-    isMini: Boolean,
-    loading: Object,
-    hasFiles: Boolean,
-    activeFile: Object,
+    file: {
+      type: Object,
+      required: true,
+    },
+    isMini: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    loading: {
+      type: Object,
+      required: false,
+      default: {},
+    },
+    hasFiles: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    activeFile: {
+      type: Object,
+      required: true,
+    },
   },
 
   methods: {

app/assets/javascripts/repo/repo_file_options.vue

@@ -1,9 +1,15 @@
 <script>
 const RepoFileOptions = {
   props: {
-    name: 'repo-file-options',
-    isMini: Boolean,
-    projectName: String,
+    isMini: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    projectName: {
+      type: String,
+      required: true,
+    },
   },
 };
 

app/assets/javascripts/repo/repo_loading_file.vue

@@ -1,16 +1,28 @@
 <script>
 const RepoLoadingFile = {
+  props: {
+    loading: {
+      type: Object,
+      required: false,
+      default: {},
+    },
+    hasFiles: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    isMini: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+  },
+
   methods: {
     lineOfCode(n) {
       return `line-of-code-${n}`;
     },
   },
-
-  props: {
-    loading: Object,
-    hasFiles: Boolean,
-    isMini: Boolean,
-  },
 };
 
 export default RepoLoadingFile;

app/assets/javascripts/repo/repo_prev_directory.vue

@@ -1,8 +1,10 @@
 <script>
 const RepoPreviousDirectory = {
   props: {
-    name: 'repo-previous-directory',
-    prevUrl: String,
+    prevUrl: {
+      type: String,
+      required: true,
+    },
   },
 
   methods: {

app/assets/javascripts/repo/repo_tab.vue

@@ -3,9 +3,10 @@ import RepoStore from './repo_store';
 
 const RepoTab = {
   props: {
-    name: 'repo-tab',
-    tab: Object,
-    saved: true,
+    tab: {
+      type: Object,
+      required: true,
+    },
   },
 
   computed: {