lint

src/components/settings_modal/tabs/composing_tab.vue

@@ -13,7 +13,8 @@
               :user-default="$store.state.profileConfig.defaultScope"
               :initial-scope="$store.state.profileConfig.defaultScope"
               :on-scope-change="changeDefaultScope"
-              :unstyled="false"uns
+              :unstyled="false"
+              uns
             />
             <ProfileSettingIndicator :is-profile="true" />
           </label>
@@ -82,7 +83,9 @@
           </ChoiceSetting>
         </li>
       </ul>
-      <h3 v-if="expertLevel > 0">{{ $t('settings.attachments') }}</h3>
+      <h3 v-if="expertLevel > 0">
+        {{ $t('settings.attachments') }}
+      </h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting

src/components/settings_modal/tabs/developer_tab.js

@@ -23,6 +23,23 @@ const VersionTab = {
       return pleromaFeCommitUrl + this.frontendVersion
     },
     ...SharedComputedObject(),
+  },
+  methods: {
+    clearAssetCache () {
+      this.clearCache(cacheKey)
+    },
+    clearEmojiCache () {
+      this.clearCache(emojiCacheKey)
+    },
+    clearCache (key) {
+      clearCache(key)
+        .then(() => {
+          this.$store.dispatch('settingsSaved', { success: true })
+        })
+        .catch(error => {
+          this.$store.dispatch('settingsSaved', { error })
+        })
+    }
   }
 }
 

src/components/settings_modal/tabs/developer_tab.vue

@@ -4,7 +4,7 @@
     class="developer-tab"
   >
     <div class="setting-item">
-      <h3>{{ $t('settings.version.title')}}</h3>
+      <h3>{{ $t('settings.version.title') }}</h3>
       <dl class="setting-list">
         <dt>{{ $t('settings.version.backend_version') }}</dt>
         <dd>
@@ -20,12 +20,12 @@
           <a
             :href="frontendVersionLink"
             target="_blank"
-            >
+          >
             {{ frontendVersion }}
           </a>
         </dd>
       </dl>
-      <h3>{{ $t('settings.debug')}}</h3>
+      <h3>{{ $t('settings.debug') }}</h3>
       <ul class="setting-list">
         <li>
           <BooleanSetting path="virtualScrolling">

src/components/settings_modal/tabs/general_tab.js

@@ -7,12 +7,10 @@ import FloatSetting from '../helpers/float_setting.vue'
 import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
 import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
 import FontControl from 'src/components/font_control/font_control.vue'
-import { defaultHorizontalUnits } from '../helpers/unit_setting.js'
 
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 import localeService from 'src/services/locale/locale.service.js'
-import { clearCache, cacheKey, emojiCacheKey } from 'src/services/sw/sw.js'
 
 const GeneralTab = {
   props: {

src/components/settings_modal/tabs/general_tab.vue

@@ -136,8 +136,13 @@
           </BooleanSetting>
         </li>
       </ul>
-      <h3 v-if="expertLevel > 0">{{ $t('settings.confirmations') }}</h3>
+      <h3 v-if="expertLevel > 0">
-      <ul v-if="expertLevel > 0" class="setting-list">
+        {{ $t('settings.confirmations') }}
+      </h3>
+      <ul
+        v-if="expertLevel > 0"
+        class="setting-list"
+      >
         <li class="select-multiple">
           <span class="label">{{ $t('settings.confirm_dialogs') }}</span>
           <ul class="option-list">