diff --git a/src/App.vue b/src/App.vue
index 762e18515..57c32cbd2 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/account_actions/account_actions.vue b/src/components/account_actions/account_actions.vue
index 62862a8fc..9a7c6824a 100644
--- a/src/components/account_actions/account_actions.vue
+++ b/src/components/account_actions/account_actions.vue
@@ -86,7 +86,6 @@
         <i18n-t
           keypath="user_card.block_confirm"
           tag="span"
-          scope="global"
         >
           <template #user>
             <span
@@ -108,7 +107,6 @@
         <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 4a5bff499..709df402a 100644
--- a/src/components/bookmark_folder_edit/bookmark_folder_edit.vue
+++ b/src/components/bookmark_folder_edit/bookmark_folder_edit.vue
@@ -17,7 +17,6 @@
         <i18n-t
           v-if="id"
           keypath="bookmark_folders.editing_folder"
-          scope="global"
         >
           <template #folderName>
             {{ name }}
@@ -26,7 +25,6 @@
         <i18n-t
           v-else
           keypath="bookmark_folders.creating_folder"
-          scope="global"
         />
       </h1>
     </div>
diff --git a/src/components/component_preview/component_preview.vue b/src/components/component_preview/component_preview.vue
index 6aee90a2d..6795d393a 100644
--- a/src/components/component_preview/component_preview.vue
+++ b/src/components/component_preview/component_preview.vue
@@ -32,8 +32,8 @@
       >
     </label>
     <label
-      v-show="shadowControl && !hideControls"
       class="y-shift-number"
+      v-show="shadowControl && !hideControls"
     >
       {{ $t('settings.style.shadows.offset-y') }}
       <input
@@ -78,10 +78,7 @@
       >
         {{ $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>
@@ -107,8 +104,8 @@
       </div>
       <ColorInput
         v-if="!noColorControl"
-        v-model="colorOverride"
         class="input-color-input"
+        v-model="colorOverride"
         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 93799e4c2..2d3c5c834 100644
--- a/src/components/contrast_ratio/contrast_ratio.vue
+++ b/src/components/contrast_ratio/contrast_ratio.vue
@@ -11,22 +11,13 @@
       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
@@ -35,22 +26,13 @@
       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>
@@ -73,9 +55,6 @@ library.add(
 )
 
 export default {
-  components: {
-    Tooltip
-  },
   props: {
     large: {
       required: false,
@@ -95,6 +74,9 @@ export default {
       default: false
     }
   },
+  components: {
+    Tooltip
+  },
   computed: {
     hint () {
       const levelVal = this.contrast.aaa ? 'aaa' : (this.contrast.aa ? 'aa' : 'bad')
diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js
index ae48139a3..d3d6563ab 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: true
+      default: false
     },
     hideCustomEmoji: {
       required: false,
@@ -105,11 +105,7 @@ const EmojiPicker = {
       default: false
     }
   },
-  inject: {
-    popoversZLayer: {
-      default: ''
-    }
-  },
+  inject: ['popoversZLayer'],
   data () {
     return {
       keyword: '',
diff --git a/src/components/extra_notifications/extra_notifications.vue b/src/components/extra_notifications/extra_notifications.vue
index ffbb43eb3..600c99bbb 100644
--- a/src/components/extra_notifications/extra_notifications.vue
+++ b/src/components/extra_notifications/extra_notifications.vue
@@ -56,7 +56,6 @@
       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 3606b68be..e421c15b3 100644
--- a/src/components/follow_button/follow_button.vue
+++ b/src/components/follow_button/follow_button.vue
@@ -17,7 +17,6 @@
         @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 644efc20b..fca3b360b 100644
--- a/src/components/font_control/font_control.vue
+++ b/src/components/font_control/font_control.vue
@@ -1,8 +1,11 @@
 <template>
-  <div class="font-control">
+  <div
+    class="font-control"
+    :class="{ custom: isCustom }"
+  >
     <label
       :id="name + '-label'"
-      :for="manualEntry ? name : name + '-font-switcher'"
+      :for="preset === 'custom' ? name : name + '-font-switcher'"
       class="label"
     >
       {{ label }}
@@ -11,7 +14,7 @@
     <Checkbox
       v-if="typeof fallback !== 'undefined'"
       :id="name + '-o'"
-      :model-value="present"
+      :modelValue="present"
       @change="$emit('update:modelValue', typeof modelValue === 'undefined' ? fallback : undefined)"
     >
       {{ $t('settings.style.themes3.define') }}
@@ -20,13 +23,12 @@
       <label
         v-if="manualEntry"
         :id="name + '-label'"
-        :for="manualEntry ? name : name + '-font-switcher'"
+        :for="preset === 'custom' ? name : name + '-font-switcher'"
         class="label"
       >
         <i18n-t
           keypath="settings.style.themes3.font.entry"
           tag="span"
-          scope="global"
         >
           <template #fontFamily>
             <code>font-family</code>
@@ -36,7 +38,7 @@
       <label
         v-else
         :id="name + '-label'"
-        :for="manualEntry ? name : name + '-font-switcher'"
+        :for="preset === 'custom' ? name : name + '-font-switcher'"
         class="label"
       >
         {{ $t('settings.style.themes3.font.select') }}
@@ -48,8 +50,8 @@
       >
         <button
           class="btn button-default"
-          :title="$t('settings.style.themes3.font.lookup_local_fonts')"
           @click="toggleManualEntry"
+          :title="$t('settings.style.themes3.font.lookup_local_fonts')"
         >
           <FAIcon
             fixed-width
@@ -70,8 +72,8 @@
       >
         <button
           class="btn button-default"
-          :title="$t('settings.style.themes3.font.enter_manually')"
           @click="toggleManualEntry"
+          :title="$t('settings.style.themes3.font.enter_manually')"
         >
           <FAIcon
             fixed-width
diff --git a/src/components/gallery/gallery.vue b/src/components/gallery/gallery.vue
index 3e6962163..40048285c 100644
--- a/src/components/gallery/gallery.vue
+++ b/src/components/gallery/gallery.vue
@@ -32,6 +32,7 @@
             :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 51adbdbfe..3c2066f69 100644
--- a/src/components/lists_edit/lists_edit.vue
+++ b/src/components/lists_edit/lists_edit.vue
@@ -17,7 +17,6 @@
         <i18n-t
           v-if="id"
           keypath="lists.editing_list"
-          scope="global"
         >
           <template #listTitle>
             {{ title }}
@@ -26,7 +25,6 @@
         <i18n-t
           v-else
           keypath="lists.creating_list"
-          scope="global"
         />
       </div>
     </div>
diff --git a/src/components/login_form/login_form.vue b/src/components/login_form/login_form.vue
index 25392742f..3c152b2e4 100644
--- a/src/components/login_form/login_form.vue
+++ b/src/components/login_form/login_form.vue
@@ -3,9 +3,7 @@
     <!-- 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/mention_link/mention_link.js b/src/components/mention_link/mention_link.js
index 4e1ec23d6..6515bd116 100644
--- a/src/components/mention_link/mention_link.js
+++ b/src/components/mention_link/mention_link.js
@@ -53,9 +53,7 @@ const MentionLink = {
       this.$router.push(link)
     },
     handleSelection () {
-      if (this.$refs.full) {
-        this.hasSelection = document.getSelection().containsNode(this.$refs.full, true)
-      }
+      this.hasSelection = document.getSelection().containsNode(this.$refs.full, true)
     }
   },
   mounted () {
diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue
index 876e97726..a19e9ba55 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="{ labelRaw: editMode ? $t('nav.edit_finish') : $t('nav.edit_pinned'), icon: editMode ? 'check' : 'wrench' }"
+          :item="{ label: 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 156cd8cb3..9fc264baa 100644
--- a/src/components/navigation/navigation.js
+++ b/src/components/navigation/navigation.js
@@ -1,16 +1,11 @@
-// routes that take :username property
 export const USERNAME_ROUTES = new Set([
+  'bookmarks',
   'dms',
   'interactions',
   'notifications',
   'chat',
-  'chats'
-])
-
-// routes that take :name property
-export const NAME_ROUTES = new Set([
-  'user-profile',
-  'legacy-user-profile'
+  'chats',
+  'user-profile'
 ])
 
 export const TIMELINES = {
@@ -99,9 +94,7 @@ export function routeTo (item, currentUser) {
   }
 
   if (USERNAME_ROUTES.has(route.name)) {
-    route.params = { username: currentUser.screen_name }
-  } else if (NAME_ROUTES.has(route.name)) {
-    route.params = { name: currentUser.screen_name }
+    route.params = { username: currentUser.screen_name, name: currentUser.screen_name }
   }
 
   return route
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index 044d43dbc..f84b75de3 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -47,6 +47,7 @@
         >
           <UserAvatar
             class="post-avatar"
+            :bot="botIndicator"
             :compact="true"
             :better-shadow="betterShadow"
             :user="notification.from_profile"
diff --git a/src/components/opacity_input/opacity_input.vue b/src/components/opacity_input/opacity_input.vue
index 4dc5c810c..dea17a46c 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/palette_editor/palette_editor.vue b/src/components/palette_editor/palette_editor.vue
index e5ae2000f..d88accf58 100644
--- a/src/components/palette_editor/palette_editor.vue
+++ b/src/components/palette_editor/palette_editor.vue
@@ -6,7 +6,6 @@
     <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/popover/popover.js b/src/components/popover/popover.js
index 80585d698..bc078533e 100644
--- a/src/components/popover/popover.js
+++ b/src/components/popover/popover.js
@@ -53,11 +53,7 @@ const Popover = {
       default: {}
     }
   },
-  inject: { // override popover z layer
-    popoversZLayer: {
-      default: ''
-    }
-  },
+  inject: ['popoversZLayer'], // override popover z layer
   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 e76b52a1c..cf701229b 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"
@@ -235,6 +235,7 @@
             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') }"
diff --git a/src/components/react_button/react_button.vue b/src/components/react_button/react_button.vue
index 579b0e16c..e648e7e3b 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="false"
+      :enable-sticker-picker="enableStickerPicker"
       :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 3054770d9..0012aebd1 100644
--- a/src/components/remove_follower_button/remove_follower_button.vue
+++ b/src/components/remove_follower_button/remove_follower_button.vue
@@ -17,7 +17,6 @@
         @cancelled="hideConfirmRemoveUserFromFollowers"
       >
         <i18n-t
-          scope="global"
           keypath="user_card.remove_follower_confirm"
           tag="span"
         >
diff --git a/src/components/settings_modal/admin_tabs/frontends_tab.vue b/src/components/settings_modal/admin_tabs/frontends_tab.vue
index 591c0d1c0..8fb3d3993 100644
--- a/src/components/settings_modal/admin_tabs/frontends_tab.vue
+++ b/src/components/settings_modal/admin_tabs/frontends_tab.vue
@@ -49,13 +49,11 @@
             <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>
@@ -122,10 +120,7 @@
                         @click.prevent="update(frontend, ref)"
                         @click="close"
                       >
-                        <i18n-t
-                          keypath="admin_dash.frontend.install_version"
-                          scope="global"
-                        >
+                        <i18n-t keypath="admin_dash.frontend.install_version">
                           <template #version>
                             <code>{{ ref }}</code>
                           </template>
@@ -182,10 +177,7 @@
                         @click.prevent="setDefault(frontend, ref)"
                         @click="close"
                       >
-                        <i18n-t
-                          keypath="admin_dash.frontend.set_default_version"
-                          scope="global"
-                        >
+                        <i18n-t keypath="admin_dash.frontend.set_default_version">
                           <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 acf7d3436..684739c31 100644
--- a/src/components/settings_modal/admin_tabs/limits_tab.js
+++ b/src/components/settings_modal/admin_tabs/limits_tab.js
@@ -14,6 +14,7 @@ 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 a61d56e8c..96c80ab17 100644
--- a/src/components/settings_modal/helpers/attachment_setting.vue
+++ b/src/components/settings_modal/helpers/attachment_setting.vue
@@ -48,14 +48,18 @@
         :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/helpers/emoji_editing_popover.vue b/src/components/settings_modal/helpers/emoji_editing_popover.vue
index 1cca45fbf..f0465dd5d 100644
--- a/src/components/settings_modal/helpers/emoji_editing_popover.vue
+++ b/src/components/settings_modal/helpers/emoji_editing_popover.vue
@@ -112,10 +112,7 @@ export default {
   components: { Popover, ConfirmModal, StillImage },
   inject: ['emojiAddr'],
   props: {
-    placement: {
-      type: String,
-      required: true
-    },
+    placement: String,
     disabled: {
       type: Boolean,
       default: false
@@ -123,14 +120,8 @@ export default {
 
     newUpload: Boolean,
 
-    title: {
-      type: String,
-      required: true
-    },
-    packName: {
-      type: String,
-      required: true
-    },
+    title: String,
+    packName: String,
     shortcode: {
       type: String,
       // Only exists when this is not a new upload
diff --git a/src/components/settings_modal/helpers/integer_setting.vue b/src/components/settings_modal/helpers/integer_setting.vue
index 8206c0c45..43fa7e1a9 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 afbf5ed58..676a0d227 100644
--- a/src/components/settings_modal/helpers/number_setting.js
+++ b/src/components/settings_modal/helpers/number_setting.js
@@ -4,21 +4,6 @@ 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/settings_modal.js b/src/components/settings_modal/settings_modal.js
index b5682cfdf..63c9b24a3 100644
--- a/src/components/settings_modal/settings_modal.js
+++ b/src/components/settings_modal/settings_modal.js
@@ -167,6 +167,7 @@ const SettingsModal = {
   },
   computed: {
     currentSaveStateNotice () {
+      console.log(this.$store.state.interface.settings.currentSaveStateNotice)
       return this.$store.state.interface.settings.currentSaveStateNotice
     },
     modalActivated () {
diff --git a/src/components/settings_modal/settings_modal.vue b/src/components/settings_modal/settings_modal.vue
index 8fa9667a8..b9f7c3557 100644
--- a/src/components/settings_modal/settings_modal.vue
+++ b/src/components/settings_modal/settings_modal.vue
@@ -110,10 +110,7 @@
           {{ $t("settings.expert_mode") }}
         </Checkbox>
         <span v-if="modalMode === 'admin'">
-          <i18n-t
-            scope="global"
-            keypath="admin_dash.wip_notice"
-          >
+          <i18n-t keypath="admin_dash.wip_notice">
             <template #adminFeLink>
               <a
                 href="/pleroma/admin/#/login-pleroma"
diff --git a/src/components/settings_modal/settings_modal_admin_content.vue b/src/components/settings_modal/settings_modal_admin_content.vue
index 39ef74f64..65e23b7e8 100644
--- a/src/components/settings_modal/settings_modal_admin_content.vue
+++ b/src/components/settings_modal/settings_modal_admin_content.vue
@@ -17,10 +17,7 @@
       <div :label="$t('admin_dash.tabs.nodb')">
         <div class="setting-item">
           <h2>{{ $t('admin_dash.nodb.heading') }}</h2>
-          <i18n-t
-            scope="global"
-            keypath="admin_dash.nodb.text"
-          >
+          <i18n-t 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/settings_modal_user_content.vue b/src/components/settings_modal/settings_modal_user_content.vue
index fea9a20fe..4d8981b29 100644
--- a/src/components/settings_modal/settings_modal_user_content.vue
+++ b/src/components/settings_modal/settings_modal_user_content.vue
@@ -17,7 +17,6 @@
       :label="$t('settings.appearance')"
       icon="window-restore"
       data-tab-name="appearance"
-      :delay-render="true"
     >
       <AppearanceTab />
     </div>
@@ -26,7 +25,6 @@
       :label="$t('settings.style.themes3.editor.title')"
       icon="palette"
       data-tab-name="style"
-      :delay-render="true"
     >
       <StyleTab />
     </div>
@@ -35,7 +33,6 @@
       :label="$t('settings.theme_old')"
       icon="paint-brush"
       data-tab-name="theme"
-      :delay-render="true"
     >
       <ThemeTab />
     </div>
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 3d03af457..7ea4a09ad 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -119,15 +119,7 @@ const AppearanceTab = {
 
     updateIndex('theme').then(themes => {
       themes.forEach(([key, themePromise]) => themePromise.then(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' })
-        }
+        this.availableThemesV2.push({ key, data, name: data.name, version: 'v2' })
       }))
     })
 
@@ -259,10 +251,12 @@ 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/appearance_tab.vue b/src/components/settings_modal/tabs/appearance_tab.vue
index a44cc1a70..d8d3ff158 100644
--- a/src/components/settings_modal/tabs/appearance_tab.vue
+++ b/src/components/settings_modal/tabs/appearance_tab.vue
@@ -16,12 +16,10 @@
           @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">
@@ -60,14 +58,12 @@
           @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">
@@ -77,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>
@@ -140,8 +136,8 @@
             </h4>
             <PaletteEditor
               v-if="expertLevel > 0"
-              v-model="userPalette"
               class="userPalette"
+              v-model="userPalette"
               :compact="true"
               :apply="true"
               @applyPalette="data => setPaletteCustom(data)"
@@ -164,7 +160,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 +236,7 @@
         <li>
           <UnitSetting
             path="emojiSize"
-            :step="0.1"
+            step="0.1"
             :units="['px', 'rem']"
             :reset-default="{ 'px': 32, 'rem': 2.2 }"
           >
@@ -263,7 +259,7 @@
         <li>
           <UnitSetting
             path="navbarSize"
-            :step="0.1"
+            step="0.1"
             :units="['px', 'rem']"
             :reset-default="{ 'px': 55, 'rem': 3.5 }"
           >
@@ -274,7 +270,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/settings_modal/tabs/filtering_tab.vue b/src/components/settings_modal/tabs/filtering_tab.vue
index 32325d423..c86810d5b 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']"
-            unit-set="time"
+            unitSet="time"
             expert="1"
           >
             {{ $t('settings.hide_scrobbles_after') }}
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index ba6b1faaf..e9e8fa72b 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -81,8 +81,6 @@ 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: {
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 3cc83b547..82d5da89c 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
-          v-if="mergedConfig.useAbsoluteTimeFormat"
           class="setting-list suboptions"
+          v-if="mergedConfig.useAbsoluteTimeFormat"
         >
           <li>
             <UnitSetting
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 4431550ae..74103f6fb 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.vue
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.vue
@@ -149,7 +149,6 @@
       </div>
       <div>
         <i18n-t
-          scope="global"
           keypath="settings.new_alias_target"
           tag="p"
         >
@@ -185,7 +184,6 @@
         <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 3cdb41830..68a0193fd 100644
--- a/src/components/settings_modal/tabs/style_tab/style_tab.vue
+++ b/src/components/settings_modal/tabs/style_tab/style_tab.vue
@@ -7,12 +7,10 @@
       <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
@@ -54,34 +52,22 @@
         </teleport>
         <ul class="setting-list style-metadata">
           <li>
-            <StringSetting
-              v-model="name"
-              class="meta-field"
-            >
+            <StringSetting class="meta-field" v-model="name">
               {{ $t('settings.style.themes3.editor.style_name') }}
             </StringSetting>
           </li>
           <li>
-            <StringSetting
-              v-model="author"
-              class="meta-field"
-            >
+            <StringSetting class="meta-field" v-model="author">
               {{ $t('settings.style.themes3.editor.style_author') }}
             </StringSetting>
           </li>
           <li>
-            <StringSetting
-              v-model="license"
-              class="meta-field"
-            >
+            <StringSetting class="meta-field" v-model="license">
               {{ $t('settings.style.themes3.editor.style_license') }}
             </StringSetting>
           </li>
           <li>
-            <StringSetting
-              v-model="website"
-              class="meta-field"
-            >
+            <StringSetting class="meta-field" v-model="website">
               {{ $t('settings.style.themes3.editor.style_website') }}
             </StringSetting>
           </li>
@@ -186,7 +172,6 @@
           >
             <ColorInput
               v-model="editedBackgroundColor"
-              name="component-background-color"
               :fallback="computeColor(editedBackgroundColor) ?? previewColors.background"
               :disabled="!isBackgroundColorPresent"
               :label="$t('settings.style.themes3.editor.background')"
@@ -198,7 +183,6 @@
             <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"
@@ -244,22 +228,22 @@
               <Checkbox v-model="isTextAutoPresent" />
             </Tooltip>
             <div
-              v-if="componentHas('Text')"
               class="style-control suboption"
+              v-if="componentHas('Text')"
             >
               <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 v-if="componentHas('Text')">
+            </div>
             <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"
@@ -274,7 +258,6 @@
             <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"
@@ -289,7 +272,6 @@
             <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"
@@ -303,7 +285,6 @@
             </Tooltip>
             <OpacityInput
               v-model="editedOpacity"
-              name="component-opacity"
               :disabled="!isOpacityPresent"
               :label="$t('settings.style.themes3.editor.opacity')"
             />
@@ -312,7 +293,6 @@
             </Tooltip>
             <RoundnessInput
               v-model="editedRoundness"
-              name="component-roundness"
               :disabled="!isRoundnessPresent"
               :label="$t('settings.style.themes3.editor.roundness')"
             />
@@ -370,22 +350,22 @@
         </Select>
         <SelectMotion
           class="list-select-movement"
-          :model-value="palettes"
+          :modelValue="palettes"
+          @update:modelValue="onPalettesUpdate"
           :selected-id="selectedPaletteId"
           :get-add-value="getNewPalette"
-          @update:modelValue="onPalettesUpdate"
           @update:selectedId="e => selectedPaletteId = e"
         />
         <div class="list-edit-area">
           <StringSetting
-            v-model="selectedPalette.name"
             class="palette-name-input"
+            v-model="selectedPalette.name"
           >
             {{ $t('settings.style.themes3.palette.name_label') }}
           </StringSetting>
           <PaletteEditor
-            v-model="selectedPalette"
             class="palette-editor-single"
+            v-model="selectedPalette"
           />
         </div>
       </div>
@@ -394,6 +374,7 @@
         :label="$t('settings.style.themes3.editor.variables_tab')"
         :model-value="virtualDirectives"
         @update:modelValue="updateVirtualDirectives"
+        :normalize-shadows="normalizeShadows"
       />
     </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 f151d3a87..cf3345e58 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"
-      :selected-id="selectedVirtualDirectiveId"
-      :get-add-value="getNewVirtualDirective"
       @update:modelValue="e => emit('update:modelValue', e)"
+      :selected-id="selectedVirtualDirectiveId"
       @update:selectedId="e => selectedVirtualDirectiveId = e"
+      :get-add-value="getNewVirtualDirective"
     />
     <div class="list-edit-area">
       <div class="variable-selector">
@@ -41,26 +41,26 @@
           {{ ' ' }}
         </label>
         <input
-          v-model="selectedVirtualDirective.name"
           class="input"
+          v-model="selectedVirtualDirective.name"
         >
         <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>
@@ -72,7 +72,6 @@
         :compact="true"
       />
       <ColorInput
-        name="virtual-directive-color"
         v-if="selectedVirtualDirectiveValType === 'color'"
         v-model="draftVirtualDirective"
         :fallback="computeColor(draftVirtualDirective)"
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 80768fe75..e534a7773 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 => themeData && this.availableStyles.push(themeData))
+          themeFunc().then(themeData => this.availableStyles.push(themeData))
         })
     })
   },
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 56a4bddf4..7fef69df0 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -386,7 +386,6 @@
               class="heading-edited-row"
             >
               <i18n-t
-                scope="global"
                 keypath="status.edited_at"
                 tag="span"
               >
@@ -444,10 +443,7 @@
             v-else-if="hasInvisibleQuote"
             class="quoted-status -unavailable-prompt"
           >
-            <i18n-t
-              scope="global"
-              keypath="status.invisible_quote"
-            >
+            <i18n-t keypath="status.invisible_quote">
               <template #link>
                 <bdi>
                   <a
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index 84d0385a1..8d8a91dc5 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -90,9 +90,6 @@ const StatusContent = {
       }
       return true
     },
-    localCollapseSubjectDefault () {
-      return this.mergedConfig.collapseMessageWithSubject
-    },
     attachmentSize () {
       if (this.compact) {
         return 'small'
diff --git a/src/components/tab_switcher/tab_switcher.jsx b/src/components/tab_switcher/tab_switcher.jsx
index ded8ffcf7..027a380a2 100644
--- a/src/components/tab_switcher/tab_switcher.jsx
+++ b/src/components/tab_switcher/tab_switcher.jsx
@@ -145,12 +145,7 @@ export default {
       if (props.fullHeight) {
         classes.push('full-height')
       }
-      let delayRender = slot.props['delay-render']
-      if (delayRender && active) {
-        slot.props['delay-render'] = false
-        delayRender = false
-      }
-      const renderSlot = (!delayRender && (!this.renderOnlyFocused || active))
+      const renderSlot = (!this.renderOnlyFocused || active)
         ? slot
         : ''
 
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index f96ffe9d9..413b75504 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -1,9 +1,6 @@
 <template>
   <div :class="['Timeline', classes.root]">
-    <div
-      v-if="!embedded"
-      :class="classes.header"
-    >
+    <div :class="classes.header" v-if="!embedded">
       <TimelineMenu
         v-if="!embedded"
         :timeline-name="timelineName"
diff --git a/src/components/update_notification/update_notification.vue b/src/components/update_notification/update_notification.vue
index a35c70f86..6fc363d41 100644
--- a/src/components/update_notification/update_notification.vue
+++ b/src/components/update_notification/update_notification.vue
@@ -34,7 +34,6 @@
               class="extra-info-group"
             >
               <i18n-t
-                scope="global"
                 keypath="update.update_bugs"
                 tag="p"
               >
@@ -46,7 +45,6 @@
                 </template>
               </i18n-t>
               <i18n-t
-                scope="global"
                 keypath="update.update_changelog"
                 tag="p"
               >
@@ -59,7 +57,6 @@
               </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 c2d9899e3..87af9d0f5 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 874620ddd..5ec6b731d 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1449,9 +1449,6 @@
     "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",
diff --git a/src/modules/config.js b/src/modules/config.js
index 72db9de03..c92a730da 100644
--- a/src/modules/config.js
+++ b/src/modules/config.js
@@ -307,7 +307,7 @@ const config = {
           applyConfig(state)
         }
         if (name.startsWith('theme3hacks')) {
-          dispatch('applyTheme', { recompile: true })
+          dispatch('setTheme', { recompile: true })
         }
         switch (name) {
           case 'theme':