biome format --write

src/components/nav_panel/nav_panel.js

@@ -26,7 +26,7 @@ import {
   faStream,
   faList,
   faBullhorn,
-  faFilePen
+  faFilePen,
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -43,80 +43,93 @@ library.add(
   faStream,
   faList,
   faBullhorn,
-  faFilePen
+  faFilePen,
 )
 const NavPanel = {
   props: ['forceExpand', 'forceEditMode'],
-  created () {
-  },
+  created() {},
   components: {
     BookmarkFoldersMenuContent,
     ListsMenuContent,
     NavigationEntry,
     NavigationPins,
-    Checkbox
+    Checkbox,
   },
-  data () {
+  data() {
     return {
       editMode: false,
       showTimelines: false,
       showLists: false,
       showBookmarkFolders: false,
-      timelinesList: Object.entries(TIMELINES).map(([k, v]) => ({ ...v, name: k })),
-      rootList: Object.entries(ROOT_ITEMS).map(([k, v]) => ({ ...v, name: k }))
+      timelinesList: Object.entries(TIMELINES).map(([k, v]) => ({
+        ...v,
+        name: k,
+      })),
+      rootList: Object.entries(ROOT_ITEMS).map(([k, v]) => ({ ...v, name: k })),
     }
   },
   methods: {
-    toggleTimelines () {
+    toggleTimelines() {
       this.showTimelines = !this.showTimelines
     },
-    toggleLists () {
+    toggleLists() {
       this.showLists = !this.showLists
     },
-    toggleBookmarkFolders () {
+    toggleBookmarkFolders() {
       this.showBookmarkFolders = !this.showBookmarkFolders
     },
-    toggleEditMode () {
+    toggleEditMode() {
       this.editMode = !this.editMode
     },
-    toggleCollapse () {
-      useServerSideStorageStore().setPreference({ path: 'simple.collapseNav', value: !this.collapsed })
+    toggleCollapse() {
+      useServerSideStorageStore().setPreference({
+        path: 'simple.collapseNav',
+        value: !this.collapsed,
+      })
       useServerSideStorageStore().pushServerSideStorage()
     },
-    isPinned (item) {
+    isPinned(item) {
       return this.pinnedItems.has(item)
     },
-    togglePin (item) {
+    togglePin(item) {
       if (this.isPinned(item)) {
-        useServerSideStorageStore().removeCollectionPreference({ path: 'collections.pinnedNavItems', value: item })
+        useServerSideStorageStore().removeCollectionPreference({
+          path: 'collections.pinnedNavItems',
+          value: item,
+        })
       } else {
-        useServerSideStorageStore().addCollectionPreference({ path: 'collections.pinnedNavItems', value: item })
+        useServerSideStorageStore().addCollectionPreference({
+          path: 'collections.pinnedNavItems',
+          value: item,
+        })
       }
       useServerSideStorageStore().pushServerSideStorage()
-    }
+    },
   },
   computed: {
     ...mapPiniaState(useAnnouncementsStore, {
       unreadAnnouncementCount: 'unreadAnnouncementCount',
-      supportsAnnouncements: store => store.supportsAnnouncements
+      supportsAnnouncements: (store) => store.supportsAnnouncements,
     }),
     ...mapPiniaState(useServerSideStorageStore, {
-      collapsed: store => store.prefsStorage.simple.collapseNav,
-      pinnedItems: store => new Set(store.prefsStorage.collections.pinnedNavItems)
+      collapsed: (store) => store.prefsStorage.simple.collapseNav,
+      pinnedItems: (store) =>
+        new Set(store.prefsStorage.collections.pinnedNavItems),
     }),
     ...mapState({
-      currentUser: state => state.users.currentUser,
-      followRequestCount: state => state.api.followRequests.length,
-      privateMode: state => state.instance.private,
-      federating: state => state.instance.federating,
-      pleromaChatMessagesAvailable: state => state.instance.pleromaChatMessagesAvailable,
-      bookmarkFolders: state => state.instance.pleromaBookmarkFoldersAvailable,
-      bubbleTimeline: state => state.instance.localBubbleInstances.length > 0
+      currentUser: (state) => state.users.currentUser,
+      followRequestCount: (state) => state.api.followRequests.length,
+      privateMode: (state) => state.instance.private,
+      federating: (state) => state.instance.federating,
+      pleromaChatMessagesAvailable: (state) =>
+        state.instance.pleromaChatMessagesAvailable,
+      bookmarkFolders: (state) =>
+        state.instance.pleromaBookmarkFoldersAvailable,
+      bubbleTimeline: (state) => state.instance.localBubbleInstances.length > 0,
     }),
-    timelinesItems () {
+    timelinesItems() {
       return filterNavigation(
-        Object
-          .entries({ ...TIMELINES })
+        Object.entries({ ...TIMELINES })
           // do not show in timeliens list since it's in a better place now
           .filter(([key]) => key !== 'bookmarks')
           .map(([k, v]) => ({ ...v, name: k })),
@@ -127,15 +140,13 @@ const NavPanel = {
           isPrivate: this.privateMode,
           currentUser: this.currentUser,
           supportsBubbleTimeline: this.bubbleTimeline,
-          supportsBookmarkFolders: this.bookmarkFolders
-        }
+          supportsBookmarkFolders: this.bookmarkFolders,
+        },
       )
     },
-    rootItems () {
+    rootItems() {
       return filterNavigation(
-        Object
-          .entries({ ...ROOT_ITEMS })
-          .map(([k, v]) => ({ ...v, name: k })),
+        Object.entries({ ...ROOT_ITEMS }).map(([k, v]) => ({ ...v, name: k })),
         {
           hasChats: this.pleromaChatMessagesAvailable,
           hasAnnouncements: this.supportsAnnouncements,
@@ -143,12 +154,12 @@ const NavPanel = {
           isPrivate: this.privateMode,
           currentUser: this.currentUser,
           supportsBubbleTimeline: this.bubbleTimeline,
-          supportsBookmarkFolders: this.bookmarkFolders
-        }
+          supportsBookmarkFolders: this.bookmarkFolders,
+        },
       )
     },
-    ...mapGetters(['unreadChatCount'])
-  }
+    ...mapGetters(['unreadChatCount']),
+  },
 }
 
 export default NavPanel