all 1.5 to 2.x changes made AFAIK, now need to fixup layout that's broken in many places

ayanova/devdocs/todo.txt

@@ -51,25 +51,6 @@ VDataTable Options prop replaces Pagination prop, documented here (only):
 https://github.com/vuetifyjs/vuetify/blob/a476b985ceda80c61e8a12346afa62b1625a63f7/packages/vuetify/src/components/VData/VData.ts
 https://github.com/vuetifyjs/vuetify/blob/6a3b32d967ca505b6c8d244468a4a96aca381ac4/packages/vuetify/src/components/VDataTable/__tests__/VDataTable.spec.ts
 
-move into Options object these things:
- :rows-per-page-items="rowsPerPageItems"
-          :rows-per-page-text="lt('RowsPerPage')"
-          select-all
-
-
-Errors are probably due to Options object missing some properties or not as expected, here is the code that is bombing that references this.options. object:
-
-https://github.com/vuetifyjs/vuetify/blob/4a52142fd81f3c50ceb948ce5ba14a3d2ed25e32/packages/vuetify/src/components/VDataTable/VDataTableHeaderDesktop.ts
-
- const sortIndex = this.options.sortBy.findIndex(k => k === header.value);\n          const beingSorted
-   = sortIndex >= 0;\n          const isDesc = this.options.sortDesc[sortIndex];\n          classes.push('sortable');\n\n         
-    if (beingSorted) {\n            classes.push('active');\n            classes.push(isDesc ? 'desc' : 'asc');\n           
-     attrs['aria-sort'] = isDesc ? 'descending' : 'ascending';\n            
-     attrs['aria-label'] += isDesc ? this.$vuetify.lang.t('$vuetify.dataTable.ariaLabel.sortDescending') : 
-     this.$vuetify.lang.t('$vuetify.dataTable.ariaLabel.sortAscending');\n          } else {\n           
-      attrs['aria-label'] += this.$vuetify.lang.t('$vuetify.dataTable.ariaLabel.sortNone');\n          }\n\n          
-      if (header.align === 'end') children.unshift(this.genSortIcon());else children.push(this.genSortIcon());\n\n          
-      if (this.options.multiSort && beingSorted) {\n            children.push(t
 
 
 Vuetify dialog changes - https://github.com/yariksav/vuetify-dialog/issues/46

ayanova/src/components/inventorywidgetlist.vue

@@ -9,7 +9,7 @@
         value="true"
         transition="scale-transition"
         class="multi-line"
-        outline
+        outlined
         >{{ formState.errorBoxMessage }}</v-alert
       >
     </v-col>

ayanova/src/views/About.vue

@@ -9,7 +9,7 @@
         value="true"
         transition="scale-transition"
         class="multi-line"
-        outline
+        outlined
         >{{ formState.errorBoxMessage }}</v-alert
       >
     </v-col>

ayanova/src/views/inventory-widget-edit.vue

@@ -12,7 +12,7 @@
               value="true"
               transition="scale-transition"
               class="multi-line"
-              outline
+              outlined
               >{{ formState.errorBoxMessage }}</v-alert
             >
           </v-col>

ayanova/src/views/inventory.vue

@@ -9,7 +9,7 @@
         value="true"
         transition="scale-transition"
         class="multi-line"
-        outline
+        outlined
         >{{ formState.errorBoxMessage }}</v-alert
       >
     </v-col>

ayanova/src/views/log.vue

@@ -9,7 +9,7 @@
         value="true"
         transition="scale-transition"
         class="multi-line"
-        outline
+        outlined
         >{{ formState.errorBoxMessage }}</v-alert
       >
     </v-col>