biome format --write

src/components/settings_modal/settings_modal.js

@@ -10,17 +10,15 @@ import { cloneDeep, isEqual } from 'lodash'
 import { mapState, mapActions } from 'pinia'
 import {
   newImporter,
-  newExporter
+  newExporter,
 } from 'src/services/export_import/export_import.js'
 import {
   faTimes,
   faFileUpload,
   faFileDownload,
-  faChevronDown
+  faChevronDown,
 } from '@fortawesome/free-solid-svg-icons'
-import {
-  faWindowMinimize
-} from '@fortawesome/free-regular-svg-icons'
+import { faWindowMinimize } from '@fortawesome/free-regular-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 
 const PLEROMAFE_SETTINGS_MAJOR_VERSION = 1
@@ -31,25 +29,25 @@ library.add(
   faWindowMinimize,
   faFileUpload,
   faFileDownload,
-  faChevronDown
+  faChevronDown,
 )
 
 const SettingsModal = {
-  data () {
+  data() {
     return {
       dataImporter: newImporter({
         validator: this.importValidator,
         onImport: this.onImport,
-        onImportFailure: this.onImportFailure
+        onImportFailure: this.onImportFailure,
       }),
       dataThemeExporter: newExporter({
         filename: 'pleromafe_settings.full',
-        getExportedObject: () => this.generateExport(true)
+        getExportedObject: () => this.generateExport(true),
       }),
       dataExporter: newExporter({
         filename: 'pleromafe_settings',
-        getExportedObject: () => this.generateExport()
-      })
+        getExportedObject: () => this.generateExport(),
+      }),
     }
   },
   components: {
@@ -62,29 +60,29 @@ const SettingsModal = {
       {
         loadingComponent: PanelLoading,
         errorComponent: AsyncComponentError,
-        delay: 0
-      }
+        delay: 0,
+      },
     ),
     SettingsModalAdminContent: getResettableAsyncComponent(
       () => import('./settings_modal_admin_content.vue'),
       {
         loadingComponent: PanelLoading,
         errorComponent: AsyncComponentError,
-        delay: 0
-      }
-    )
+        delay: 0,
+      },
+    ),
   },
   methods: {
-    closeModal () {
+    closeModal() {
       useInterfaceStore().closeSettingsModal()
     },
-    peekModal () {
+    peekModal() {
       useInterfaceStore().togglePeekSettingsModal()
     },
-    importValidator (data) {
+    importValidator(data) {
       if (!Array.isArray(data._pleroma_settings_version)) {
         return {
-          messageKey: 'settings.file_import_export.invalid_file'
+          messageKey: 'settings.file_import_export.invalid_file',
         }
       }
 
@@ -95,8 +93,8 @@ const SettingsModal = {
           messageKey: 'settings.file_export_import.errors.file_too_new',
           messageArgs: {
             fileMajor: major,
-            feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION
-          }
+            feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION,
+          },
         }
       }
 
@@ -105,94 +103,106 @@ const SettingsModal = {
           messageKey: 'settings.file_export_import.errors.file_too_old',
           messageArgs: {
             fileMajor: major,
-            feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION
-          }
+            feMajor: PLEROMAFE_SETTINGS_MAJOR_VERSION,
+          },
         }
       }
 
       if (minor > PLEROMAFE_SETTINGS_MINOR_VERSION) {
         useInterfaceStore().pushGlobalNotice({
           level: 'warning',
-          messageKey: 'settings.file_export_import.errors.file_slightly_new'
+          messageKey: 'settings.file_export_import.errors.file_slightly_new',
         })
       }
 
       return true
     },
-    onImportFailure (result) {
+    onImportFailure(result) {
       if (result.error) {
-        useInterfaceStore().pushGlobalNotice({ messageKey: 'settings.invalid_settings_imported', level: 'error' })
+        useInterfaceStore().pushGlobalNotice({
+          messageKey: 'settings.invalid_settings_imported',
+          level: 'error',
+        })
       } else {
-        useInterfaceStore().pushGlobalNotice({ ...result.validationResult, level: 'error' })
+        useInterfaceStore().pushGlobalNotice({
+          ...result.validationResult,
+          level: 'error',
+        })
       }
     },
-    onImport (data) {
-      if (data) { this.$store.dispatch('loadSettings', data) }
+    onImport(data) {
+      if (data) {
+        this.$store.dispatch('loadSettings', data)
+      }
     },
-    restore () {
+    restore() {
       this.dataImporter.importData()
     },
-    backup () {
+    backup() {
       this.dataExporter.exportData()
     },
-    backupWithTheme () {
+    backupWithTheme() {
       this.dataThemeExporter.exportData()
     },
-    generateExport (theme = false) {
+    generateExport(theme = false) {
       const { config } = this.$store.state
       let sample = config
       if (!theme) {
         const ignoreList = new Set([
           'customTheme',
           'customThemeSource',
-          'colors'
+          'colors',
         ])
         sample = Object.fromEntries(
-          Object
-            .entries(sample)
-            .filter(([key]) => !ignoreList.has(key))
+          Object.entries(sample).filter(([key]) => !ignoreList.has(key)),
         )
       }
       const clone = cloneDeep(sample)
       clone._pleroma_settings_version = [
         PLEROMAFE_SETTINGS_MAJOR_VERSION,
-        PLEROMAFE_SETTINGS_MINOR_VERSION
+        PLEROMAFE_SETTINGS_MINOR_VERSION,
       ]
       return clone
     },
-    resetAdminDraft () {
+    resetAdminDraft() {
       this.$store.commit('resetAdminDraft')
     },
-    pushAdminDraft () {
+    pushAdminDraft() {
       this.$store.dispatch('pushAdminDraft')
     },
-    ...mapActions(useInterfaceStore, ['temporaryChangesRevert', 'temporaryChangesConfirm'])
+    ...mapActions(useInterfaceStore, [
+      'temporaryChangesRevert',
+      'temporaryChangesConfirm',
+    ]),
   },
   computed: {
     ...mapState(useInterfaceStore, {
-      temporaryChangesCountdown: store => store.temporaryChangesCountdown,
-      currentSaveStateNotice: store => store.settings.currentSaveStateNotice,
-      modalActivated: store => store.settingsModalState !== 'hidden',
-      modalMode: store => store.settingsModalMode,
-      modalOpenedOnceUser: store => store.settingsModalLoadedUser,
-      modalOpenedOnceAdmin: store => store.settingsModalLoadedAdmin,
-      modalPeeked: store => store.settingsModalState === 'minimized'
+      temporaryChangesCountdown: (store) => store.temporaryChangesCountdown,
+      currentSaveStateNotice: (store) => store.settings.currentSaveStateNotice,
+      modalActivated: (store) => store.settingsModalState !== 'hidden',
+      modalMode: (store) => store.settingsModalMode,
+      modalOpenedOnceUser: (store) => store.settingsModalLoadedUser,
+      modalOpenedOnceAdmin: (store) => store.settingsModalLoadedAdmin,
+      modalPeeked: (store) => store.settingsModalState === 'minimized',
     }),
     expertLevel: {
-      get () {
+      get() {
         return this.$store.state.config.expertLevel > 0
       },
-      set (value) {
-        this.$store.dispatch('setOption', { name: 'expertLevel', value: value ? 1 : 0 })
-      }
+      set(value) {
+        this.$store.dispatch('setOption', {
+          name: 'expertLevel',
+          value: value ? 1 : 0,
+        })
+      },
     },
-    adminDraftAny () {
+    adminDraftAny() {
       return !isEqual(
         this.$store.state.adminSettings.config,
-        this.$store.state.adminSettings.draft
+        this.$store.state.adminSettings.draft,
       )
-    }
-  }
+    },
+  },
 }
 
 export default SettingsModal