cleanup + fixes for instance tab

src/components/color_input/color_input.vue

@@ -86,7 +86,7 @@ export default {
     },
     // Readable label
     label: {
-      required: true,
+      required: false,
       type: String,
     },
     // use unstyled, uh, style

src/components/settings_modal/admin_tabs/instance_tab.vue

@@ -51,6 +51,7 @@
         <li>
           <ColorSetting
             hide-draft-buttons
+            label=""
             path=":pleroma.:manifest.:theme_color"
           />
         </li>
@@ -99,7 +100,7 @@
             override-backend-description
             override-backend-description-label
             override-available-options
-            :options="limitLocalContentOptions"
+            :options="[...limitLocalContentOptions]"
             path=":pleroma.:instance.:limit_to_local_content"
           />
         </li>

src/components/settings_modal/helpers/attachment_setting.js

@@ -29,7 +29,7 @@ export default {
       // The "server" part is primarily for local dev, but could be useful for alt-domain or multiuser usage.
       const url = path.includes('://') ? path : useInstanceStore().server + path
       return {
-        mimetype: fileTypeExt(url),
+        type: fileTypeExt(url),
         url,
       }
     },

src/components/settings_modal/helpers/color_setting.vue

@@ -20,6 +20,7 @@
     {{ ' ' }}
     <ColorInput
       :id="path"
+      :name="path"
       class="setting-control color-setting-input"
       :class="{ disabled: shouldBeDisabled }"
       :disabled="shouldBeDisabled"

src/components/settings_modal/helpers/pwa_manifest_icons_setting.js

@@ -33,14 +33,14 @@ export default {
       const path = e[':src']
       if (!path) {
         return {
-          mimetype: '',
+          type: '',
           url: '',
         }
       }
       const url = path.includes('://') ? path : useInstanceStore().server + path
 
       return {
-        mimetype: fileTypeExt(url),
+        type: fileTypeExt(url),
         url,
       }
     },

src/components/settings_modal/helpers/pwa_manifest_icons_setting.vue

@@ -51,7 +51,7 @@
             <div class="src-field">
               <Attachment
                 class="src-attachment"
-                :compact="compact"
+                :compact="true"
                 :attachment="attachment(item)"
                 size="small"
                 hide-description
@@ -71,7 +71,7 @@
                 class="src-upload media-upload-icon"
                 :class="{ disabled: shouldBeDisabled }"
                 normal-button
-                :accept-types="acceptTypes"
+                accept-types="image"
                 @uploaded="event => setMediaFile({ event, index })"
               />
             </div>