From 211a45b6887c7923089b0f331e4a6e1657bcd44b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 22 Dec 2024 15:07:20 +0200
Subject: [PATCH 01/13] improve robustness of appearance tab

---
 src/components/settings_modal/tabs/appearance_tab.js  | 11 ++++++++++-
 .../settings_modal/tabs/theme_tab/theme_tab.js        |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 7ea4a09ad..927b402d1 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -119,7 +119,16 @@ const AppearanceTab = {
 
     updateIndex('theme').then(themes => {
       themes.forEach(([key, themePromise]) => themePromise.then(data => {
-        this.availableThemesV2.push({ key, data, name: data.name, version: 'v2' })
+        console.log('DEBUG', data)
+        if (!data) {
+          console.warn(`Theme with key ${key} is empty or malformed`)
+        } else if (Array.isArray(data)) {
+          console.warn(`Theme with key ${key} is a v1 theme and should be moved to static/palettes/index.json`)
+        } else if (!data.source && !data.theme) {
+          console.warn(`Theme with key ${key} is malformed`)
+        } else {
+          this.availableThemesV2.push({ key, data, name: data.name, version: 'v2' })
+        }
       }))
     })
 
diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.js b/src/components/settings_modal/tabs/theme_tab/theme_tab.js
index e534a7773..80768fe75 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_tab.js
+++ b/src/components/settings_modal/tabs/theme_tab/theme_tab.js
@@ -133,7 +133,7 @@ export default {
       Object
         .values(themesIndex)
         .forEach(themeFunc => {
-          themeFunc().then(themeData => this.availableStyles.push(themeData))
+          themeFunc().then(themeData => themeData && this.availableStyles.push(themeData))
         })
     })
   },

From 69940b7561ce2ddbbfe5393c62a0c79d67c6c64f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 22 Dec 2024 15:08:42 +0200
Subject: [PATCH 02/13] lint EVERYTHING

---
 src/App.vue                                   |  2 +-
 .../component_preview/component_preview.vue   |  9 +++--
 .../contrast_ratio/contrast_ratio.vue         | 36 +++++++++++++-----
 src/components/font_control/font_control.vue  |  6 +--
 src/components/login_form/login_form.vue      |  4 +-
 .../opacity_input/opacity_input.vue           |  2 +-
 .../settings_modal/tabs/appearance_tab.vue    | 16 ++++----
 .../settings_modal/tabs/filtering_tab.vue     |  2 +-
 .../settings_modal/tabs/general_tab.vue       |  2 +-
 .../tabs/style_tab/style_tab.vue              | 37 ++++++++++++-------
 .../tabs/style_tab/virtual_directives_tab.vue | 18 ++++-----
 src/components/timeline/timeline.vue          |  5 ++-
 12 files changed, 88 insertions(+), 51 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 57c32cbd2..762e18515 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -70,7 +70,7 @@
     <PostStatusModal />
     <EditStatusModal v-if="editingAvailable" />
     <StatusHistoryModal v-if="editingAvailable" />
-    <SettingsModal :class="layoutModalClass"/>
+    <SettingsModal :class="layoutModalClass" />
     <UpdateNotification />
     <GlobalNoticeList />
   </div>
diff --git a/src/components/component_preview/component_preview.vue b/src/components/component_preview/component_preview.vue
index 6795d393a..6aee90a2d 100644
--- a/src/components/component_preview/component_preview.vue
+++ b/src/components/component_preview/component_preview.vue
@@ -32,8 +32,8 @@
       >
     </label>
     <label
-      class="y-shift-number"
       v-show="shadowControl && !hideControls"
+      class="y-shift-number"
     >
       {{ $t('settings.style.shadows.offset-y') }}
       <input
@@ -78,7 +78,10 @@
       >
         {{ $t('settings.style.themes3.editor.test_string') }}
       </div>
-      <div v-if="invalid" class="invalid-container">
+      <div
+        v-if="invalid"
+        class="invalid-container"
+      >
         <div class="alert error invalid-label">
           {{ $t('settings.style.themes3.editor.invalid') }}
         </div>
@@ -104,8 +107,8 @@
       </div>
       <ColorInput
         v-if="!noColorControl"
-        class="input-color-input"
         v-model="colorOverride"
+        class="input-color-input"
         fallback="#606060"
         :label="$t('settings.style.shadows.color_override')"
       />
diff --git a/src/components/contrast_ratio/contrast_ratio.vue b/src/components/contrast_ratio/contrast_ratio.vue
index 2d3c5c834..93799e4c2 100644
--- a/src/components/contrast_ratio/contrast_ratio.vue
+++ b/src/components/contrast_ratio/contrast_ratio.vue
@@ -11,13 +11,22 @@
       class="rating"
     >
       <span v-if="contrast.aaa">
-        <FAIcon icon="thumbs-up" :size="showRatio ? 'lg' : ''" />
+        <FAIcon
+          icon="thumbs-up"
+          :size="showRatio ? 'lg' : ''"
+        />
       </span>
       <span v-if="!contrast.aaa && contrast.aa">
-        <FAIcon icon="adjust" :size="showRatio ? 'lg' : ''" />
+        <FAIcon
+          icon="adjust"
+          :size="showRatio ? 'lg' : ''"
+        />
       </span>
       <span v-if="!contrast.aaa && !contrast.aa">
-        <FAIcon icon="exclamation-triangle" :size="showRatio ? 'lg' : ''" />
+        <FAIcon
+          icon="exclamation-triangle"
+          :size="showRatio ? 'lg' : ''"
+        />
       </span>
     </Tooltip>
     <Tooltip
@@ -26,13 +35,22 @@
       class="rating"
     >
       <span v-if="contrast.laaa">
-        <FAIcon icon="thumbs-up" :size="showRatio ? 'large' : ''" />
+        <FAIcon
+          icon="thumbs-up"
+          :size="showRatio ? 'large' : ''"
+        />
       </span>
       <span v-if="!contrast.laaa && contrast.laa">
-        <FAIcon icon="adjust" :size="showRatio ? 'lg' : ''" />
+        <FAIcon
+          icon="adjust"
+          :size="showRatio ? 'lg' : ''"
+        />
       </span>
       <span v-if="!contrast.laaa && !contrast.laa">
-        <FAIcon icon="exclamation-triangle" :size="showRatio ? 'lg' : ''" />
+        <FAIcon
+          icon="exclamation-triangle"
+          :size="showRatio ? 'lg' : ''"
+        />
       </span>
     </Tooltip>
   </span>
@@ -55,6 +73,9 @@ library.add(
 )
 
 export default {
+  components: {
+    Tooltip
+  },
   props: {
     large: {
       required: false,
@@ -74,9 +95,6 @@ export default {
       default: false
     }
   },
-  components: {
-    Tooltip
-  },
   computed: {
     hint () {
       const levelVal = this.contrast.aaa ? 'aaa' : (this.contrast.aa ? 'aa' : 'bad')
diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index fca3b360b..cda7b6f1f 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -14,7 +14,7 @@
     <Checkbox
       v-if="typeof fallback !== 'undefined'"
       :id="name + '-o'"
-      :modelValue="present"
+      :model-value="present"
       @change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
     >
       {{ $t('settings.style.themes3.define') }}
@@ -50,8 +50,8 @@
       >
         <button
           class="btn button-default"
-          @click="toggleManualEntry"
           :title="$t('settings.style.themes3.font.lookup_local_fonts')"
+          @click="toggleManualEntry"
         >
           <FAIcon
             fixed-width
@@ -72,8 +72,8 @@
       >
         <button
           class="btn button-default"
-          @click="toggleManualEntry"
           :title="$t('settings.style.themes3.font.enter_manually')"
+          @click="toggleManualEntry"
         >
           <FAIcon
             fixed-width
diff --git a/src/components/login_form/login_form.vue b/src/components/login_form/login_form.vue
index 3c152b2e4..25392742f 100644
--- a/src/components/login_form/login_form.vue
+++ b/src/components/login_form/login_form.vue
@@ -3,7 +3,9 @@
     <!-- Default panel contents -->
 
     <div class="panel-heading">
-      <h1 class="title">{{ $t('login.login') }}</h1>
+      <h1 class="title">
+        {{ $t('login.login') }}
+      </h1>
     </div>
 
     <div class="panel-body">
diff --git a/src/components/opacity_input/opacity_input.vue b/src/components/opacity_input/opacity_input.vue
index dea17a46c..4dc5c810c 100644
--- a/src/components/opacity_input/opacity_input.vue
+++ b/src/components/opacity_input/opacity_input.vue
@@ -8,7 +8,7 @@
       class="label"
       :class="{ faint: !present || disabled }"
     >
-      {{ label  }}
+      {{ label }}
     </label>
     <Checkbox
       v-if="typeof fallback !== 'undefined'"
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index d8d3ff158..d76ef3511 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -73,13 +73,13 @@
         </button>
       </ul>
       <div class="import-file-container">
-      <button
-        class="btn button-default"
-        @click="importFile"
-      >
-        <FAIcon icon="folder-open" />
-        {{ $t('settings.style.themes3.editor.load_style') }}
-      </button>
+        <button
+          class="btn button-default"
+          @click="importFile"
+        >
+          <FAIcon icon="folder-open" />
+          {{ $t('settings.style.themes3.editor.load_style') }}
+        </button>
       </div>
       <div class="setting-item">
         <h2>{{ $t('settings.style.themes3.palette.label') }}</h2>
@@ -136,8 +136,8 @@
             </h4>
             <PaletteEditor
               v-if="expertLevel > 0"
-              class="userPalette"
               v-model="userPalette"
+              class="userPalette"
               :compact="true"
               :apply="true"
               @applyPalette="data => setPaletteCustom(data)"
diff --git a/src/components/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index c86810d5b..32325d423 100644
--- a/src/components/settings_modal/tabs/filtering_tab.vue
+++ b/src/components/settings_modal/tabs/filtering_tab.vue
@@ -106,7 +106,7 @@
             key="hideScrobblesAfter"
             path="hideScrobblesAfter"
             :units="['m', 'h', 'd']"
-            unitSet="time"
+            unit-set="time"
             expert="1"
           >
             {{ $t('settings.hide_scrobbles_after') }}
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 82d5da89c..3cc83b547 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -226,8 +226,8 @@
           </BooleanSetting>
         </li>
         <ul
-          class="setting-list suboptions"
           v-if="mergedConfig.useAbsoluteTimeFormat"
+          class="setting-list suboptions"
         >
           <li>
             <UnitSetting
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.vue b/src/components/settings_modal/tabs/style_tab/style_tab.vue
index 68a0193fd..4eca5da2f 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.vue
@@ -52,22 +52,34 @@
         </teleport>
         <ul class="setting-list style-metadata">
           <li>
-            <StringSetting class="meta-field" v-model="name">
+            <StringSetting
+              v-model="name"
+              class="meta-field"
+            >
               {{ $t('settings.style.themes3.editor.style_name') }}
             </StringSetting>
           </li>
           <li>
-            <StringSetting class="meta-field" v-model="author">
+            <StringSetting
+              v-model="author"
+              class="meta-field"
+            >
               {{ $t('settings.style.themes3.editor.style_author') }}
             </StringSetting>
           </li>
           <li>
-            <StringSetting class="meta-field" v-model="license">
+            <StringSetting
+              v-model="license"
+              class="meta-field"
+            >
               {{ $t('settings.style.themes3.editor.style_license') }}
             </StringSetting>
           </li>
           <li>
-            <StringSetting class="meta-field" v-model="website">
+            <StringSetting
+              v-model="website"
+              class="meta-field"
+            >
               {{ $t('settings.style.themes3.editor.style_website') }}
             </StringSetting>
           </li>
@@ -228,19 +240,18 @@
               <Checkbox v-model="isTextAutoPresent" />
             </Tooltip>
             <div
-              class="style-control suboption"
               v-if="componentHas('Text')"
+              class="style-control suboption"
             >
               <label class="label">
-                {{$t('settings.style.themes3.editor.contrast') }}
+                {{ $t('settings.style.themes3.editor.contrast') }}
               </label>
               <ContrastRatio
                 :show-ratio="true"
                 :contrast="contrast"
               />
             </div>
-            <div v-if="componentHas('Text')">
-            </div>
+            <div v-if="componentHas('Text')" />
             <ColorInput
               v-if="componentHas('Link')"
               v-model="editedLinkColor"
@@ -350,22 +361,22 @@
         </Select>
         <SelectMotion
           class="list-select-movement"
-          :modelValue="palettes"
-          @update:modelValue="onPalettesUpdate"
+          :model-value="palettes"
           :selected-id="selectedPaletteId"
           :get-add-value="getNewPalette"
+          @update:modelValue="onPalettesUpdate"
           @update:selectedId="e => selectedPaletteId = e"
         />
         <div class="list-edit-area">
           <StringSetting
-            class="palette-name-input"
             v-model="selectedPalette.name"
+            class="palette-name-input"
           >
             {{ $t('settings.style.themes3.palette.name_label') }}
           </StringSetting>
           <PaletteEditor
-            class="palette-editor-single"
             v-model="selectedPalette"
+            class="palette-editor-single"
           />
         </div>
       </div>
@@ -373,8 +384,8 @@
         key="variables"
         :label="$t('settings.style.themes3.editor.variables_tab')"
         :model-value="virtualDirectives"
-        @update:modelValue="updateVirtualDirectives"
         :normalize-shadows="normalizeShadows"
+        @update:modelValue="updateVirtualDirectives"
       />
     </tab-switcher>
   </div>
diff --git a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
index cf3345e58..68648002e 100644
--- a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
@@ -14,22 +14,22 @@
       v-model="selectedVirtualDirectiveId"
       class="list-select"
       size="20"
-      >
+    >
       <option
         v-for="(p, index) in modelValue"
         :key="p.name"
         :value="index"
-        >
+      >
         {{ p.name }}
       </option>
     </Select>
     <SelectMotion
       class="list-select-movement"
       :model-value="modelValue"
-      @update:modelValue="e => emit('update:modelValue', e)"
       :selected-id="selectedVirtualDirectiveId"
-      @update:selectedId="e => selectedVirtualDirectiveId = e"
       :get-add-value="getNewVirtualDirective"
+      @update:modelValue="e => emit('update:modelValue', e)"
+      @update:selectedId="e => selectedVirtualDirectiveId = e"
     />
     <div class="list-edit-area">
       <div class="variable-selector">
@@ -41,26 +41,26 @@
           {{ ' ' }}
         </label>
         <input
-          class="input"
           v-model="selectedVirtualDirective.name"
+          class="input"
         >
         <label
           class="variable-type-label"
           for="variables-selector"
-          >
+        >
           {{ $t('settings.style.themes3.editor.variables.type_label') }}
           {{ ' ' }}
         </label>
         <Select
           v-model="selectedVirtualDirectiveValType"
         >
-          <option value='shadow'>
+          <option value="shadow">
             {{ $t('settings.style.themes3.editor.variables.type_shadow') }}
           </option>
-          <option value='color'>
+          <option value="color">
             {{ $t('settings.style.themes3.editor.variables.type_color') }}
           </option>
-          <option value='generic'>
+          <option value="generic">
             {{ $t('settings.style.themes3.editor.variables.type_generic') }}
           </option>
         </Select>
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index 413b75504..f96ffe9d9 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -1,6 +1,9 @@
 <template>
   <div :class="['Timeline', classes.root]">
-    <div :class="classes.header" v-if="!embedded">
+    <div
+      v-if="!embedded"
+      :class="classes.header"
+    >
       <TimelineMenu
         v-if="!embedded"
         :timeline-name="timelineName"

From b7dcb6e97b55869399f3ff23c18dd0fca71e00d0 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 22 Dec 2024 15:12:06 +0200
Subject: [PATCH 03/13] manual linting

---
 .../helpers/emoji_editing_popover.vue             | 15 ++++++++++++---
 .../settings_modal/tabs/appearance_tab.vue        |  4 ++++
 .../settings_modal/tabs/style_tab/style_tab.vue   |  2 ++
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/settings_modal/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index f0465dd5d..1cca45fbf 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -112,7 +112,10 @@ export default {
   components: { Popover, ConfirmModal, StillImage },
   inject: ['emojiAddr'],
   props: {
-    placement: String,
+    placement: {
+      type: String,
+      required: true
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -120,8 +123,14 @@ export default {
 
     newUpload: Boolean,
 
-    title: String,
-    packName: String,
+    title: {
+      type: String,
+      required: true
+    },
+    packName: {
+      type: String,
+      required: true
+    },
     shortcode: {
       type: String,
       // Only exists when this is not a new upload
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index d76ef3511..f00616f58 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -16,10 +16,12 @@
           @click="resetTheming"
         >
           <!-- eslint-disable vue/no-v-text-v-html-on-component -->
+          <!-- eslint-disable vue/no-v-html -->
           <component
             :is="'style'"
             v-html="previewTheme('stock', 'v3')"
           />
+          <!-- eslint-enable vue/no-v-html -->
           <!-- eslint-enable vue/no-v-text-v-html-on-component -->
           <preview id="theme-preview-stock" />
           <h4 class="theme-name">
@@ -58,12 +60,14 @@
           @click="style.version === 'v2' ? setTheme(style.key) : setStyle(style.key)"
         >
           <!-- eslint-disable vue/no-v-text-v-html-on-component -->
+          <!-- eslint-disable vue/no-v-html -->
           <div v-if="style.ready || noIntersectionObserver">
             <component
               :is="'style'"
               v-html="previewTheme(style.key, style.version, style.data)"
             />
           </div>
+          <!-- eslint-enable vue/no-v-html -->
           <!-- eslint-enable vue/no-v-text-v-html-on-component -->
           <preview :id="'theme-preview-' + style.key" />
           <h4 class="theme-name">
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.vue b/src/components/settings_modal/tabs/style_tab/style_tab.vue
index 4eca5da2f..b023c69cc 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.vue
@@ -7,10 +7,12 @@
       <h2> {{ $t('settings.style.themes3.editor.title') }} </h2>
       <div class="meta-preview">
         <!-- eslint-disable vue/no-v-text-v-html-on-component -->
+        <!-- eslint-disable vue/no-v-html -->
         <component
           :is="'style'"
           v-html="overallPreviewCssRules"
         />
+        <!-- eslint-enable vue/no-v-html -->
         <!-- eslint-enable vue/no-v-text-v-html-on-component -->
         <Preview id="edited-style-preview" />
         <teleport

From 9e17be813d093c9337824d9aa78fffe786c8ccc3 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 22 Dec 2024 16:32:18 +0200
Subject: [PATCH 04/13] fixed all warnings that show up when just opening the
 main UI

---
 src/components/emoji_picker/emoji_picker.js       |  8 ++++++--
 src/components/nav_panel/nav_panel.vue            |  2 +-
 src/components/navigation/navigation.js           | 15 +++++++++++----
 src/components/notification/notification.vue      |  1 -
 src/components/popover/popover.js                 |  6 +++++-
 .../post_status_form/post_status_form.vue         |  2 +-
 src/components/react_button/react_button.vue      |  2 +-
 .../remove_follower_button.vue                    |  1 +
 .../settings_modal_admin_content.vue              |  5 ++++-
 .../settings_modal/tabs/appearance_tab.vue        |  8 ++++----
 src/components/status/status.vue                  |  1 +
 src/components/status_content/status_content.js   |  3 +++
 .../update_notification/update_notification.vue   |  3 +++
 src/components/user_card/user_card.vue            |  2 +-
 src/i18n/en.json                                  |  3 +++
 15 files changed, 45 insertions(+), 17 deletions(-)

diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index d3d6563ab..ae48139a3 100644
--- a/src/components/emoji_picker/emoji_picker.js
+++ b/src/components/emoji_picker/emoji_picker.js
@@ -97,7 +97,7 @@ const EmojiPicker = {
     enableStickerPicker: {
       required: false,
       type: Boolean,
-      default: false
+      default: true
     },
     hideCustomEmoji: {
       required: false,
@@ -105,7 +105,11 @@ const EmojiPicker = {
       default: false
     }
   },
-  inject: ['popoversZLayer'],
+  inject: {
+    popoversZLayer: {
+      default: ''
+    }
+  },
   data () {
     return {
       keyword: '',
diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue
index a19e9ba55..876e97726 100644
--- a/src/components/nav_panel/nav_panel.vue
+++ b/src/components/nav_panel/nav_panel.vue
@@ -125,7 +125,7 @@
         <NavigationEntry
           v-if="!forceEditMode && currentUser"
           :show-pin="false"
-          :item="{ label: editMode ? $t('nav.edit_finish') : $t('nav.edit_pinned'), icon: editMode ? 'check' : 'wrench' }"
+          :item="{ labelRaw: editMode ? $t('nav.edit_finish') : $t('nav.edit_pinned'), icon: editMode ? 'check' : 'wrench' }"
           @click="toggleEditMode"
         />
       </ul>
diff --git a/src/components/navigation/navigation.js b/src/components/navigation/navigation.js
index 9fc264baa..156cd8cb3 100644
--- a/src/components/navigation/navigation.js
+++ b/src/components/navigation/navigation.js
@@ -1,11 +1,16 @@
+// routes that take :username property
 export const USERNAME_ROUTES = new Set([
-  'bookmarks',
   'dms',
   'interactions',
   'notifications',
   'chat',
-  'chats',
-  'user-profile'
+  'chats'
+])
+
+// routes that take :name property
+export const NAME_ROUTES = new Set([
+  'user-profile',
+  'legacy-user-profile'
 ])
 
 export const TIMELINES = {
@@ -94,7 +99,9 @@ export function routeTo (item, currentUser) {
   }
 
   if (USERNAME_ROUTES.has(route.name)) {
-    route.params = { username: currentUser.screen_name, name: currentUser.screen_name }
+    route.params = { username: currentUser.screen_name }
+  } else if (NAME_ROUTES.has(route.name)) {
+    route.params = { name: currentUser.screen_name }
   }
 
   return route
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index f84b75de3..044d43dbc 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -47,7 +47,6 @@
         >
           <UserAvatar
             class="post-avatar"
-            :bot="botIndicator"
             :compact="true"
             :better-shadow="betterShadow"
             :user="notification.from_profile"
diff --git a/src/components/popover/popover.js b/src/components/popover/popover.js
index bc078533e..80585d698 100644
--- a/src/components/popover/popover.js
+++ b/src/components/popover/popover.js
@@ -53,7 +53,11 @@ const Popover = {
       default: {}
     }
   },
-  inject: ['popoversZLayer'], // override popover z layer
+  inject: { // override popover z layer
+    popoversZLayer: {
+      default: ''
+    }
+  },
   data () {
     return {
       // lockReEntry is a flag that is set when mouse cursor is leaving the popover's content
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index cf701229b..25f23bdf8 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -181,10 +181,10 @@
           :suggest="emojiUserSuggestor"
           :placement="emojiPickerPlacement"
           class="input form-control main-input"
+          enable-sticker-picker
           enable-emoji-picker
           hide-emoji-button
           :newline-on-ctrl-enter="submitOnEnter"
-          enable-sticker-picker
           @input="onEmojiInputInput"
           @sticker-uploaded="addMediaFile"
           @sticker-upload-failed="uploadFailed"
diff --git a/src/components/react_button/react_button.vue b/src/components/react_button/react_button.vue
index e648e7e3b..579b0e16c 100644
--- a/src/components/react_button/react_button.vue
+++ b/src/components/react_button/react_button.vue
@@ -2,7 +2,7 @@
   <span class="ReactButton">
     <EmojiPicker
       ref="picker"
-      :enable-sticker-picker="enableStickerPicker"
+      :enable-sticker-picker="false"
       :hide-custom-emoji="hideCustomEmoji"
       class="emoji-picker-panel"
       @emoji="addReaction"
diff --git a/src/components/remove_follower_button/remove_follower_button.vue b/src/components/remove_follower_button/remove_follower_button.vue
index 0012aebd1..3054770d9 100644
--- a/src/components/remove_follower_button/remove_follower_button.vue
+++ b/src/components/remove_follower_button/remove_follower_button.vue
@@ -17,6 +17,7 @@
         @cancelled="hideConfirmRemoveUserFromFollowers"
       >
         <i18n-t
+          scope="global"
           keypath="user_card.remove_follower_confirm"
           tag="span"
         >
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 65e23b7e8..39ef74f64 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -17,7 +17,10 @@
       <div :label="$t('admin_dash.tabs.nodb')">
         <div class="setting-item">
           <h2>{{ $t('admin_dash.nodb.heading') }}</h2>
-          <i18n-t keypath="admin_dash.nodb.text">
+          <i18n-t
+            scope="global"
+            keypath="admin_dash.nodb.text"
+          >
             <template #documentation>
               <a
                 href="https://docs-develop.pleroma.social/backend/configuration/howto_database_config/"
diff --git a/src/components/settings_modal/tabs/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index f00616f58..a44cc1a70 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -164,7 +164,7 @@
         <li>
           <UnitSetting
             path="textSize"
-            step="0.1"
+            :step="0.1"
             :units="['px', 'rem']"
             :reset-default="{ 'px': 14, 'rem': 1 }"
             timed-apply-mode
@@ -240,7 +240,7 @@
         <li>
           <UnitSetting
             path="emojiSize"
-            step="0.1"
+            :step="0.1"
             :units="['px', 'rem']"
             :reset-default="{ 'px': 32, 'rem': 2.2 }"
           >
@@ -263,7 +263,7 @@
         <li>
           <UnitSetting
             path="navbarSize"
-            step="0.1"
+            :step="0.1"
             :units="['px', 'rem']"
             :reset-default="{ 'px': 55, 'rem': 3.5 }"
           >
@@ -274,7 +274,7 @@
         <li>
           <UnitSetting
             path="panelHeaderSize"
-            step="0.1"
+            :step="0.1"
             :units="['px', 'rem']"
             :reset-default="{ 'px': 52, 'rem': 3.2 }"
             timed-apply-mode
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 7fef69df0..765acf325 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -386,6 +386,7 @@
               class="heading-edited-row"
             >
               <i18n-t
+                scope="global"
                 keypath="status.edited_at"
                 tag="span"
               >
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index 8d8a91dc5..84d0385a1 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -90,6 +90,9 @@ const StatusContent = {
       }
       return true
     },
+    localCollapseSubjectDefault () {
+      return this.mergedConfig.collapseMessageWithSubject
+    },
     attachmentSize () {
       if (this.compact) {
         return 'small'
diff --git a/src/components/update_notification/update_notification.vue b/src/components/update_notification/update_notification.vue
index 6fc363d41..a35c70f86 100644
--- a/src/components/update_notification/update_notification.vue
+++ b/src/components/update_notification/update_notification.vue
@@ -34,6 +34,7 @@
               class="extra-info-group"
             >
               <i18n-t
+                scope="global"
                 keypath="update.update_bugs"
                 tag="p"
               >
@@ -45,6 +46,7 @@
                 </template>
               </i18n-t>
               <i18n-t
+                scope="global"
                 keypath="update.update_changelog"
                 tag="p"
               >
@@ -57,6 +59,7 @@
               </i18n-t>
               <p class="art-credit">
                 <i18n-t
+                  scope="global"
                   keypath="update.art_by"
                   tag="small"
                 >
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index 87af9d0f5..c2d9899e3 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -8,7 +8,7 @@
       :style="style"
       class="background-image"
     />
-    <div :class="onClose ? '' : panel-heading -flexible-height">
+    <div :class="onClose ? '' : 'panel-heading -flexible-height'">
       <div class="user-info">
         <div class="container">
           <a
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 5ec6b731d..874620ddd 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1449,6 +1449,9 @@
     "error_sending_message": "Something went wrong when sending the message.",
     "empty_chat_list_placeholder": "You don't have any chats yet. Start a new chat!"
   },
+  "bookmarks": {
+    "manage_bookmark_folders": "Manage bookmark folders"
+  },
   "lists": {
     "lists": "Lists",
     "new": "New List",

From 42aa58bc68bba20ebfc75add0ea4dfdf53f94753 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 22 Dec 2024 16:41:42 +0200
Subject: [PATCH 05/13] fix errors related to selection

---
 src/components/mention_link/mention_link.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/mention_link/mention_link.js b/src/components/mention_link/mention_link.js
index 6515bd116..4e1ec23d6 100644
--- a/src/components/mention_link/mention_link.js
+++ b/src/components/mention_link/mention_link.js
@@ -53,7 +53,9 @@ const MentionLink = {
       this.$router.push(link)
     },
     handleSelection () {
-      this.hasSelection = document.getSelection().containsNode(this.$refs.full, true)
+      if (this.$refs.full) {
+        this.hasSelection = document.getSelection().containsNode(this.$refs.full, true)
+      }
     }
   },
   mounted () {

From 6e50df6ad31a5531b89e7d2675fb3a62e3d68ecd Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 22 Dec 2024 16:42:15 +0200
Subject: [PATCH 06/13] cleanup

---
 src/components/settings_modal/tabs/appearance_tab.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 927b402d1..438f0746a 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -119,7 +119,6 @@ const AppearanceTab = {
 
     updateIndex('theme').then(themes => {
       themes.forEach(([key, themePromise]) => themePromise.then(data => {
-        console.log('DEBUG', data)
         if (!data) {
           console.warn(`Theme with key ${key} is empty or malformed`)
         } else if (Array.isArray(data)) {

From 50b1c5b640a5867cd0f988276ffb6946038a96ea Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 22 Dec 2024 16:49:42 +0200
Subject: [PATCH 07/13] fix theme3hacks resetting theme to default-v2

---
 src/modules/config.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/config.js b/src/modules/config.js
index c92a730da..72db9de03 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -307,7 +307,7 @@ const config = {
           applyConfig(state)
         }
         if (name.startsWith('theme3hacks')) {
-          dispatch('setTheme', { recompile: true })
+          dispatch('applyTheme', { recompile: true })
         }
         switch (name) {
           case 'theme':

From 7eff56ca2e9dccc26792f145b3d9dcd371e45176 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 22 Dec 2024 16:50:00 +0200
Subject: [PATCH 08/13] fix duplicate id

---
 src/components/post_status_form/post_status_form.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 25f23bdf8..e76b52a1c 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -235,7 +235,6 @@
             class="text-format"
           >
             <Select
-              id="post-content-type"
               v-model="newStatus.contentType"
               class="input form-control"
               :attrs="{ 'aria-label': $t('post_status.content_type_selection') }"

From 375cbca9eb707aafec5d0a4f9e4c163ed0cd35f4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 22 Dec 2024 17:11:30 +0200
Subject: [PATCH 09/13] delay render of "heavy" tabs

---
 .../settings_modal/settings_modal_user_content.vue       | 3 +++
 src/components/tab_switcher/tab_switcher.jsx             | 9 ++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index 4d8981b29..fea9a20fe 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -17,6 +17,7 @@
       :label="$t('settings.appearance')"
       icon="window-restore"
       data-tab-name="appearance"
+      :delay-render="true"
     >
       <AppearanceTab />
     </div>
@@ -25,6 +26,7 @@
       :label="$t('settings.style.themes3.editor.title')"
       icon="palette"
       data-tab-name="style"
+      :delay-render="true"
     >
       <StyleTab />
     </div>
@@ -33,6 +35,7 @@
       :label="$t('settings.theme_old')"
       icon="paint-brush"
       data-tab-name="theme"
+      :delay-render="true"
     >
       <ThemeTab />
     </div>
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index 027a380a2..fad5020d0 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -85,6 +85,7 @@ export default {
     setTab (index) {
       if (typeof this.onSwitch === 'function') {
         this.onSwitch.call(null, this.slots()[index].key)
+        console.log('DEBUG', this.slots()[index])
       }
       this.active = index
       if (this.scrollableTabs) {
@@ -145,7 +146,13 @@ export default {
       if (props.fullHeight) {
         classes.push('full-height')
       }
-      const renderSlot = (!this.renderOnlyFocused || active)
+      let delayRender = slot.props['delay-render']
+      if (delayRender && active) {
+        slot.props['delay-render'] = false
+        delayRender = false
+      }
+      console.log('DEBUG', !delayRender, !this.renderOnlyFocused, active)
+      const renderSlot = (!delayRender && (!this.renderOnlyFocused || active))
         ? slot
         : ''
 

From b8b02cf14434c5c5e5e01cc06b1c51669d942185 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 23 Dec 2024 04:14:28 +0200
Subject: [PATCH 10/13] cleanup

---
 src/components/settings_modal/settings_modal.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/settings_modal/settings_modal.js b/src/components/settings_modal/settings_modal.js
index 63c9b24a3..b5682cfdf 100644
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@@ -167,7 +167,6 @@ const SettingsModal = {
   },
   computed: {
     currentSaveStateNotice () {
-      console.log(this.$store.state.interface.settings.currentSaveStateNotice)
       return this.$store.state.interface.settings.currentSaveStateNotice
     },
     modalActivated () {

From 34449a7c6159800a66db9940e779d764ccbbf93e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 23 Dec 2024 04:15:24 +0200
Subject: [PATCH 11/13] some minor fixes and warnings cleanpu

---
 .../settings_modal/helpers/integer_setting.vue    |  2 +-
 .../settings_modal/helpers/number_setting.js      | 15 +++++++++++++++
 .../settings_modal/tabs/appearance_tab.js         |  2 --
 src/components/settings_modal/tabs/general_tab.js |  2 ++
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/components/settings_modal/helpers/integer_setting.vue b/src/components/settings_modal/helpers/integer_setting.vue
index 43fa7e1a9..8206c0c45 100644
--- a/src/components/settings_modal/helpers/integer_setting.vue
+++ b/src/components/settings_modal/helpers/integer_setting.vue
@@ -1,7 +1,7 @@
 <template>
   <NumberSetting
     v-bind="$attrs"
-    truncate="1"
+    :truncate="1"
   >
     <slot />
   </NumberSetting>
diff --git a/src/components/settings_modal/helpers/number_setting.js b/src/components/settings_modal/helpers/number_setting.js
index 676a0d227..afbf5ed58 100644
--- a/src/components/settings_modal/helpers/number_setting.js
+++ b/src/components/settings_modal/helpers/number_setting.js
@@ -4,6 +4,21 @@ export default {
   ...Setting,
   props: {
     ...Setting.props,
+    min: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    max: {
+      type: Number,
+      required: false,
+      default: 1
+    },
+    step: {
+      type: Number,
+      required: false,
+      default: 1
+    },
     truncate: {
       type: Number,
       required: false,
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 438f0746a..3d03af457 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -259,12 +259,10 @@ const AppearanceTab = {
         return ['sidebar', 'content', ...notif]
       }
     },
-    instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
     instanceWallpaperUsed () {
       return this.$store.state.instance.background &&
         !this.$store.state.users.currentUser.background_image
     },
-    instanceShoutboxPresent () { return this.$store.state.instance.shoutAvailable },
     language: {
       get: function () { return this.$store.getters.mergedConfig.interfaceLanguage },
       set: function (val) {
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index e9e8fa72b..ba6b1faaf 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -81,6 +81,8 @@ const GeneralTab = {
         this.$store.dispatch('setOption', { name: 'interfaceLanguage', value: val })
       }
     },
+    instanceShoutboxPresent () { return this.$store.state.instance.shoutAvailable },
+    instanceSpecificPanelPresent () { return this.$store.state.instance.showInstanceSpecificPanel },
     ...SharedComputedObject()
   },
   methods: {

From 33c9236e457ed5656dd500ccefecba5768cf94cc Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 23 Dec 2024 04:15:57 +0200
Subject: [PATCH 12/13] cleanup

---
 src/components/tab_switcher/tab_switcher.jsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index fad5020d0..ded8ffcf7 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -85,7 +85,6 @@ export default {
     setTab (index) {
       if (typeof this.onSwitch === 'function') {
         this.onSwitch.call(null, this.slots()[index].key)
-        console.log('DEBUG', this.slots()[index])
       }
       this.active = index
       if (this.scrollableTabs) {
@@ -151,7 +150,6 @@ export default {
         slot.props['delay-render'] = false
         delayRender = false
       }
-      console.log('DEBUG', !delayRender, !this.renderOnlyFocused, active)
       const renderSlot = (!delayRender && (!this.renderOnlyFocused || active))
         ? slot
         : ''

From 300f73331a22f231dd8b410e376699e417971b74 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 23 Dec 2024 04:38:43 +0200
Subject: [PATCH 13/13] more warnings fixed

---
 src/components/account_actions/account_actions.vue   |  2 ++
 .../bookmark_folder_edit/bookmark_folder_edit.vue    |  2 ++
 .../extra_notifications/extra_notifications.vue      |  1 +
 src/components/follow_button/follow_button.vue       |  1 +
 src/components/font_control/font_control.vue         | 12 +++++-------
 src/components/gallery/gallery.vue                   |  1 -
 src/components/lists_edit/lists_edit.vue             |  2 ++
 src/components/palette_editor/palette_editor.vue     |  1 +
 .../settings_modal/admin_tabs/frontends_tab.vue      | 12 ++++++++++--
 .../settings_modal/admin_tabs/limits_tab.js          |  1 -
 .../settings_modal/helpers/attachment_setting.vue    |  4 ----
 src/components/settings_modal/settings_modal.vue     |  5 ++++-
 .../tabs/security_tab/security_tab.vue               |  2 ++
 .../settings_modal/tabs/style_tab/style_tab.vue      |  8 +++++++-
 .../tabs/style_tab/virtual_directives_tab.vue        |  1 +
 src/components/status/status.vue                     |  5 ++++-
 16 files changed, 42 insertions(+), 18 deletions(-)

diff --git a/src/components/account_actions/account_actions.vue b/src/components/account_actions/account_actions.vue
index 9a7c6824a..62862a8fc 100644
--- a/src/components/account_actions/account_actions.vue
+++ b/src/components/account_actions/account_actions.vue
@@ -86,6 +86,7 @@
         <i18n-t
           keypath="user_card.block_confirm"
           tag="span"
+          scope="global"
         >
           <template #user>
             <span
@@ -107,6 +108,7 @@
         <i18n-t
           keypath="user_card.remove_follower_confirm"
           tag="span"
+          scope="global"
         >
           <template #user>
             <span
diff --git a/src/components/bookmark_folder_edit/bookmark_folder_edit.vue b/src/components/bookmark_folder_edit/bookmark_folder_edit.vue
index 709df402a..4a5bff499 100644
--- a/src/components/bookmark_folder_edit/bookmark_folder_edit.vue
+++ b/src/components/bookmark_folder_edit/bookmark_folder_edit.vue
@@ -17,6 +17,7 @@
         <i18n-t
           v-if="id"
           keypath="bookmark_folders.editing_folder"
+          scope="global"
         >
           <template #folderName>
             {{ name }}
@@ -25,6 +26,7 @@
         <i18n-t
           v-else
           keypath="bookmark_folders.creating_folder"
+          scope="global"
         />
       </h1>
     </div>
diff --git a/src/components/extra_notifications/extra_notifications.vue b/src/components/extra_notifications/extra_notifications.vue
index 600c99bbb..ffbb43eb3 100644
--- a/src/components/extra_notifications/extra_notifications.vue
+++ b/src/components/extra_notifications/extra_notifications.vue
@@ -56,6 +56,7 @@
       tag="span"
       class="notification tip extra-notification"
       keypath="notifications.configuration_tip"
+      scope="global"
     >
       <template #theSettings>
         <button
diff --git a/src/components/follow_button/follow_button.vue b/src/components/follow_button/follow_button.vue
index e421c15b3..3606b68be 100644
--- a/src/components/follow_button/follow_button.vue
+++ b/src/components/follow_button/follow_button.vue
@@ -17,6 +17,7 @@
         @cancelled="hideConfirmUnfollow"
       >
         <i18n-t
+          scope="global"
           keypath="user_card.unfollow_confirm"
           tag="span"
         >
diff --git a/src/components/font_control/font_control.vue b/src/components/font_control/font_control.vue
index cda7b6f1f..644efc20b 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -1,11 +1,8 @@
 <template>
-  <div
-    class="font-control"
-    :class="{ custom: isCustom }"
-  >
+  <div class="font-control">
     <label
       :id="name + '-label'"
-      :for="preset === 'custom' ? name : name + '-font-switcher'"
+      :for="manualEntry ? name : name + '-font-switcher'"
       class="label"
     >
       {{ label }}
@@ -23,12 +20,13 @@
       <label
         v-if="manualEntry"
         :id="name + '-label'"
-        :for="preset === 'custom' ? name : name + '-font-switcher'"
+        :for="manualEntry ? name : name + '-font-switcher'"
         class="label"
       >
         <i18n-t
           keypath="settings.style.themes3.font.entry"
           tag="span"
+          scope="global"
         >
           <template #fontFamily>
             <code>font-family</code>
@@ -38,7 +36,7 @@
       <label
         v-else
         :id="name + '-label'"
-        :for="preset === 'custom' ? name : name + '-font-switcher'"
+        :for="manualEntry ? name : name + '-font-switcher'"
         class="label"
       >
         {{ $t('settings.style.themes3.font.select') }}
diff --git a/src/components/gallery/gallery.vue b/src/components/gallery/gallery.vue
index 40048285c..3e6962163 100644
--- a/src/components/gallery/gallery.vue
+++ b/src/components/gallery/gallery.vue
@@ -32,7 +32,6 @@
             :description="descriptions && descriptions[attachment.id]"
             :hide-description="size === 'small' || tooManyAttachments && hidingLong"
             :style="itemStyle(attachment.id, row.items)"
-            @setMedia="onMedia"
             @naturalSizeLoad="onNaturalSizeLoad"
           />
         </div>
diff --git a/src/components/lists_edit/lists_edit.vue b/src/components/lists_edit/lists_edit.vue
index 3c2066f69..51adbdbfe 100644
--- a/src/components/lists_edit/lists_edit.vue
+++ b/src/components/lists_edit/lists_edit.vue
@@ -17,6 +17,7 @@
         <i18n-t
           v-if="id"
           keypath="lists.editing_list"
+          scope="global"
         >
           <template #listTitle>
             {{ title }}
@@ -25,6 +26,7 @@
         <i18n-t
           v-else
           keypath="lists.creating_list"
+          scope="global"
         />
       </div>
     </div>
diff --git a/src/components/palette_editor/palette_editor.vue b/src/components/palette_editor/palette_editor.vue
index d88accf58..e5ae2000f 100644
--- a/src/components/palette_editor/palette_editor.vue
+++ b/src/components/palette_editor/palette_editor.vue
@@ -6,6 +6,7 @@
     <ColorInput
       v-for="key in paletteKeys"
       :key="key"
+      :name="key"
       :model-value="props.modelValue[key]"
       :fallback="fallback(key)"
       :label="$t('settings.style.themes3.palette.' + key)"
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.vue b/src/components/settings_modal/admin_tabs/frontends_tab.vue
index 8fb3d3993..591c0d1c0 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.vue
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.vue
@@ -49,11 +49,13 @@
             <span v-if="adminDraft && adminDraft[':pleroma'][':frontends'][':primary']?.name === frontend.name">
               <i18n-t
                 v-if="adminDraft && adminDraft[':pleroma'][':frontends'][':primary']?.ref === frontend.refs[0]"
+                scope="global"
                 keypath="admin_dash.frontend.is_default"
               />
               <i18n-t
                 v-else
                 keypath="admin_dash.frontend.is_default_custom"
+                scope="global"
               >
                 <template #version>
                   <code>{{ adminDraft && adminDraft[':pleroma'][':frontends'][':primary'].ref }}</code>
@@ -120,7 +122,10 @@
                         @click.prevent="update(frontend, ref)"
                         @click="close"
                       >
-                        <i18n-t keypath="admin_dash.frontend.install_version">
+                        <i18n-t
+                          keypath="admin_dash.frontend.install_version"
+                          scope="global"
+                        >
                           <template #version>
                             <code>{{ ref }}</code>
                           </template>
@@ -177,7 +182,10 @@
                         @click.prevent="setDefault(frontend, ref)"
                         @click="close"
                       >
-                        <i18n-t keypath="admin_dash.frontend.set_default_version">
+                        <i18n-t
+                          keypath="admin_dash.frontend.set_default_version"
+                          scope="global"
+                        >
                           <template #version>
                             <code>{{ ref }}</code>
                           </template>
diff --git a/src/components/settings_modal/admin_tabs/limits_tab.js b/src/components/settings_modal/admin_tabs/limits_tab.js
index 684739c31..acf7d3436 100644
--- a/src/components/settings_modal/admin_tabs/limits_tab.js
+++ b/src/components/settings_modal/admin_tabs/limits_tab.js
@@ -14,7 +14,6 @@ library.add(
 )
 
 const LimitsTab = {
-  data () {},
   components: {
     BooleanSetting,
     ChoiceSetting,
diff --git a/src/components/settings_modal/helpers/attachment_setting.vue b/src/components/settings_modal/helpers/attachment_setting.vue
index 96c80ab17..a61d56e8c 100644
--- a/src/components/settings_modal/helpers/attachment_setting.vue
+++ b/src/components/settings_modal/helpers/attachment_setting.vue
@@ -48,18 +48,14 @@
         :attachment="attachment"
         size="small"
         hide-description
-        @setMedia="onMedia"
-        @naturalSizeLoad="onNaturalSizeLoad"
       />
       <div class="controls control-upload">
         <MediaUpload
           ref="mediaUpload"
           class="media-upload-icon"
-          :drop-files="dropFiles"
           normal-button
           :accept-types="acceptTypes"
           @uploaded="setMediaFile"
-          @upload-failed="uploadFailed"
         />
       </div>
     </div>
diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue
index b9f7c3557..8fa9667a8 100644
--- a/src/components/settings_modal/settings_modal.vue
+++ b/src/components/settings_modal/settings_modal.vue
@@ -110,7 +110,10 @@
           {{ $t("settings.expert_mode") }}
         </Checkbox>
         <span v-if="modalMode === 'admin'">
-          <i18n-t keypath="admin_dash.wip_notice">
+          <i18n-t
+            scope="global"
+            keypath="admin_dash.wip_notice"
+          >
             <template #adminFeLink>
               <a
                 href="/pleroma/admin/#/login-pleroma"
diff --git a/src/components/settings_modal/tabs/security_tab/security_tab.vue b/src/components/settings_modal/tabs/security_tab/security_tab.vue
index 74103f6fb..4431550ae 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.vue
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.vue
@@ -149,6 +149,7 @@
       </div>
       <div>
         <i18n-t
+          scope="global"
           keypath="settings.new_alias_target"
           tag="p"
         >
@@ -184,6 +185,7 @@
         <i18n-t
           keypath="settings.move_account_target"
           tag="p"
+          scope="global"
         >
           <template #example>
             <code>
diff --git a/src/components/settings_modal/tabs/style_tab/style_tab.vue b/src/components/settings_modal/tabs/style_tab/style_tab.vue
index b023c69cc..3cdb41830 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.vue
@@ -186,6 +186,7 @@
           >
             <ColorInput
               v-model="editedBackgroundColor"
+              name="component-background-color"
               :fallback="computeColor(editedBackgroundColor) ?? previewColors.background"
               :disabled="!isBackgroundColorPresent"
               :label="$t('settings.style.themes3.editor.background')"
@@ -197,6 +198,7 @@
             <ColorInput
               v-if="componentHas('Text')"
               v-model="editedTextColor"
+              name="component-text-color"
               :fallback="computeColor(editedTextColor) ?? previewColors.text"
               :label="$t('settings.style.themes3.editor.text_color')"
               :disabled="!isTextColorPresent"
@@ -257,6 +259,7 @@
             <ColorInput
               v-if="componentHas('Link')"
               v-model="editedLinkColor"
+              name="component-link-color"
               :fallback="computeColor(editedLinkColor) ?? previewColors.link"
               :label="$t('settings.style.themes3.editor.link_color')"
               :disabled="!isLinkColorPresent"
@@ -271,6 +274,7 @@
             <ColorInput
               v-if="componentHas('Icon')"
               v-model="editedIconColor"
+              name="component-icon-color"
               :fallback="computeColor(editedIconColor) ?? previewColors.icon"
               :label="$t('settings.style.themes3.editor.icon_color')"
               :disabled="!isIconColorPresent"
@@ -285,6 +289,7 @@
             <ColorInput
               v-if="componentHas('Border')"
               v-model="editedBorderColor"
+              name="component-border-color"
               :fallback="computeColor(editedBorderColor) ?? previewColors.border"
               :label="$t('settings.style.themes3.editor.border_color')"
               :disabled="!isBorderColorPresent"
@@ -298,6 +303,7 @@
             </Tooltip>
             <OpacityInput
               v-model="editedOpacity"
+              name="component-opacity"
               :disabled="!isOpacityPresent"
               :label="$t('settings.style.themes3.editor.opacity')"
             />
@@ -306,6 +312,7 @@
             </Tooltip>
             <RoundnessInput
               v-model="editedRoundness"
+              name="component-roundness"
               :disabled="!isRoundnessPresent"
               :label="$t('settings.style.themes3.editor.roundness')"
             />
@@ -386,7 +393,6 @@
         key="variables"
         :label="$t('settings.style.themes3.editor.variables_tab')"
         :model-value="virtualDirectives"
-        :normalize-shadows="normalizeShadows"
         @update:modelValue="updateVirtualDirectives"
       />
     </tab-switcher>
diff --git a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
index 68648002e..f151d3a87 100644
--- a/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/virtual_directives_tab.vue
@@ -72,6 +72,7 @@
         :compact="true"
       />
       <ColorInput
+        name="virtual-directive-color"
         v-if="selectedVirtualDirectiveValType === 'color'"
         v-model="draftVirtualDirective"
         :fallback="computeColor(draftVirtualDirective)"
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 765acf325..56a4bddf4 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -444,7 +444,10 @@
             v-else-if="hasInvisibleQuote"
             class="quoted-status -unavailable-prompt"
           >
-            <i18n-t keypath="status.invisible_quote">
+            <i18n-t
+              scope="global"
+              keypath="status.invisible_quote"
+            >
               <template #link>
                 <bdi>
                   <a