chore(deps): update lint (#1928)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: 三咲智子 Kevin Deng <sxzz@sxzz.moe>
2023-03-30 19:01:24 +00:00 · 2023-03-30 19:01:24 +00:00 · 3c43a1cdd1
commit 3c43a1cdd1
parent 2838e18ff7
62 changed files with 464 additions and 434 deletions
--- a/components/account/AccountMoreButton.vue
+++ b/components/account/AccountMoreButton.vue
@ -12,7 +12,7 @@ const isSelf = $(useSelfAccount(() => account))
 const { t } = useI18n()
 const { client } = $(useMasto())

-const toggleMute = async () => {
+async function toggleMute() {
  if (!relationship!.muting && await openConfirmDialog({
    title: t('confirm.mute_account.title', [account.acct]),
    confirm: t('confirm.mute_account.confirm'),
@ -28,7 +28,7 @@ const toggleMute = async () => {
    : await client.v1.accounts.unmute(account.id)
 }

-const toggleBlockUser = async () => {
+async function toggleBlockUser() {
  if (!relationship!.blocking && await openConfirmDialog({
    title: t('confirm.block_account.title', [account.acct]),
    confirm: t('confirm.block_account.confirm'),
@ -40,7 +40,7 @@ const toggleBlockUser = async () => {
  relationship = await client.v1.accounts[relationship!.blocking ? 'block' : 'unblock'](account.id)
 }

-const toggleBlockDomain = async () => {
+async function toggleBlockDomain() {
  if (!relationship!.domainBlocking && await openConfirmDialog({
    title: t('confirm.block_domain.title', [getServerName(account)]),
    confirm: t('confirm.block_domain.confirm'),
@ -52,7 +52,7 @@ const toggleBlockDomain = async () => {
  await client.v1.domainBlocks[relationship!.domainBlocking ? 'block' : 'unblock'](getServerName(account))
 }

-const toggleReblogs = async () => {
+async function toggleReblogs() {
  if (!relationship!.showingReblogs && await openConfirmDialog({
    title: t('confirm.show_reblogs.title', [account.acct]),
    confirm: t('confirm.show_reblogs.confirm'),
--- a/components/aria/AriaAnnouncer.vue
+++ b/components/aria/AriaAnnouncer.vue
@ -14,7 +14,7 @@ const localeMap = (locales.value as LocaleObject[]).reduce((acc, l) => {
 let ariaLive = $ref<AriaLive>('polite')
 let ariaMessage = $ref<string>('')

-const onMessage = (event: AriaAnnounceType, message?: string) => {
+function onMessage(event: AriaAnnounceType, message?: string) {
  if (event === 'announce')
    ariaMessage = message!
  else if (event === 'mute')
--- a/components/command/CommandPanel.vue
+++ b/components/command/CommandPanel.vue
@ -26,12 +26,14 @@ const query = $computed(() => commandMode ? '' : input.trim())

 const { accounts, hashtags, loading } = useSearch($$(query))

-const toSearchQueryResultItem = (search: SearchResultType): QueryResultItem => ({
-  index: 0,
-  type: 'search',
-  search,
-  onActivate: () => router.push(search.to),
-})
+function toSearchQueryResultItem(search: SearchResultType): QueryResultItem {
+  return {
+    index: 0,
+    type: 'search',
+    search,
+    onActivate: () => router.push(search.to),
+  }
+}

 const searchResult = $computed<QueryResult>(() => {
  if (query.length === 0 || loading.value)
@ -73,9 +75,10 @@ watch($$(result), (n, o) => {
    active = 0
 })

-const findItemEl = (index: number) =>
-  resultEl?.querySelector(`[data-index="${index}"]`) as HTMLDivElement | null
-const onCommandActivate = (item: QueryResultItem) => {
+function findItemEl(index: number) {
+  return resultEl?.querySelector(`[data-index="${index}"]`) as HTMLDivElement | null
+}
+function onCommandActivate(item: QueryResultItem) {
  if (item.onActivate) {
    item.onActivate()
    emit('close')
@ -85,7 +88,7 @@ const onCommandActivate = (item: QueryResultItem) => {
    input = '> '
  }
 }
-const onCommandComplete = (item: QueryResultItem) => {
+function onCommandComplete(item: QueryResultItem) {
  if (item.onComplete) {
    scopes.push(item.onComplete())
    input = '> '
@ -95,7 +98,7 @@ const onCommandComplete = (item: QueryResultItem) => {
    emit('close')
  }
 }
-const intoView = (index: number) => {
+function intoView(index: number) {
  const el = findItemEl(index)
  if (el)
    el.scrollIntoView({ block: 'nearest' })
@ -107,7 +110,7 @@ function setActive(index: number) {
  intoView(active)
 }

-const onKeyDown = (e: KeyboardEvent) => {
+function onKeyDown(e: KeyboardEvent) {
  switch (e.key) {
    case 'p':
    case 'ArrowUp': {
--- a/components/common/CommonCropImage.vue
+++ b/components/common/CommonCropImage.vue
@ -30,7 +30,7 @@ const cropperImage = reactive({
  type: 'image/jpg',
 })

-const stencilSize = ({ boundaries }: { boundaries: Boundaries }) => {
+function stencilSize({ boundaries }: { boundaries: Boundaries }) {
  return {
    width: boundaries.width * props.stencilSizePercentage,
    height: boundaries.height * props.stencilSizePercentage,
@ -55,7 +55,7 @@ watch(file, (file, _, onCleanup) => {
  cropperFlag.value = false
 })

-const cropImage = () => {
+function cropImage() {
  if (cropper.value && file.value) {
    cropperFlag.value = true
    cropperDialog.value = false
--- a/components/common/CommonInputImage.vue
+++ b/components/common/CommonInputImage.vue
@ -34,7 +34,7 @@ const previewImage = ref('')
 /** The current images on display */
 const imageSrc = computed<string>(() => previewImage.value || defaultImage.value)

-const pickImage = async () => {
+async function pickImage() {
  if (process.server)
    return
  const image = await fileOpen({
--- a/components/common/dropdown/Dropdown.vue
+++ b/components/common/dropdown/Dropdown.vue
@ -9,7 +9,9 @@ defineProps<{
 const dropdown = $ref<any>()
 const colorMode = useColorMode()

-const hide = () => dropdown.hide()
+function hide() {
+  return dropdown.hide()
+}
 provide(InjectionKeyDropdownContext, {
  hide,
 })
--- a/components/common/dropdown/DropdownItem.vue
+++ b/components/common/dropdown/DropdownItem.vue
@ -15,7 +15,7 @@ const { hide } = useDropdownContext() || {}

 const el = ref<HTMLDivElement>()

-const handleClick = (evt: MouseEvent) => {
+function handleClick(evt: MouseEvent) {
  hide?.()
  emit('click', evt)
 }
--- a/components/list/ListEntry.vue
+++ b/components/list/ListEntry.vue
@ -25,13 +25,13 @@ const input = ref<HTMLInputElement>()
 const editBtn = ref<HTMLButtonElement>()
 const deleteBtn = ref<HTMLButtonElement>()

-const prepareEdit = async () => {
+async function prepareEdit() {
  isEditing = true
  actionError = undefined
  await nextTick()
  input.value?.focus()
 }
-const cancelEdit = async () => {
+async function cancelEdit() {
  isEditing = false
  actionError = undefined
  reset()
--- a/components/modal/ModalContainer.vue
+++ b/components/modal/ModalContainer.vue
@ -33,21 +33,21 @@ useEventListener('keydown', (e: KeyboardEvent) => {
  }
 })

-const handlePublished = (status: mastodon.v1.Status) => {
+function handlePublished(status: mastodon.v1.Status) {
  lastPublishDialogStatus.value = status
  isPublishDialogOpen.value = false
 }

-const handlePublishClose = () => {
+function handlePublishClose() {
  lastPublishDialogStatus.value = null
 }

-const handleConfirmChoice = (choice: ConfirmDialogChoice) => {
+function handleConfirmChoice(choice: ConfirmDialogChoice) {
  confirmDialogChoice.value = choice
  isConfirmDialogOpen.value = false
 }

-const handleFavouritedBoostedByClose = () => {
+function handleFavouritedBoostedByClose() {
  isFavouritedBoostedByDialogOpen.value = false
 }
 </script>
--- a/components/modal/ModalDialog.vue
+++ b/components/modal/ModalDialog.vue
@ -119,9 +119,11 @@ const isVShow = computed(() => {
    : true
 })

-const bindTypeToAny = ($attrs: any) => $attrs as any
+function bindTypeToAny($attrs: any) {
+  return $attrs as any
+}

-const trapFocusDialog = () => {
+function trapFocusDialog() {
  if (isVShow.value)
    nextTick().then(() => activate())
 }
--- a/components/nav/NavLogo.vue
+++ b/components/nav/NavLogo.vue
@ -3,37 +3,43 @@
    xmlns="http://www.w3.org/2000/svg" w-full
    aspect="1/1" sm:h-8 xl:h-10 sm:w-8 xl:w-10 viewBox="0 0 250 250" fill="none"
  >
-  <mask
-     id="a"
-     width="240"
-     height="234"
-     x="4"
-     y="1"
-     maskUnits="userSpaceOnUse"
-     style="mask-type:alpha">
-    <path
-       fill="#D9D9D9"
-       d="M244 123c0 64.617-38.383 112-103 112-64.617 0-103-30.883-103-95.5C38 111.194-8.729 36.236 8 16 29.46-9.959 88.689 6 125 6c64.617 0 119 52.383 119 117Z"
-       id="path19" />
-  </mask>
-  <g
-     mask="url(#a)"
-     id="g28"
-     transform="matrix(0.90923731,0,0,1.0049564,13.520015,-3.1040835)">
-    <path
-       class="body"
-       d="m 116.94,88.1 c -13.344,1.552 -20.436,-2.019 -24.706,10.71 0,0 14.336,21.655 52.54,21.112 -2.135,8.848 -1.144,15.368 -1.144,23.207 0,26.079 -20.589,48.821 -65.961,48.821 -23.03,0 -51.015,4.191 -72.367,15.911 -15.175,8.305 -27.048,20.336 -32.302,37.023 l 5.956,8.461 11.4,0.155 v 47.889 l -13.91,21.966 3.998,63.645 H -6.364 L -5.22,335.773 C 1.338,331.892 16.36,321.802 29.171,306.279 46.557,285.4 59.902,255.052 44.193,217.486 l 11.744,-5.045 c 12.887,30.814 8.388,57.514 -2.898,79.013 21.58,-0.698 40.11,-2.095 55.819,-4.734 l -3.584,-43.698 12.659,-1.087 L 129.98,387 h 13.116 l 2.212,-94.459 c 10.447,-4.502 34.239,-21.034 45.372,-78.47 1.372,-6.986 2.135,-12.885 2.516,-17.93 1.754,-12.806 2.745,-27.243 3.051,-43.698 l -18.683,-5.976 h 57.42 l 5.567,-12.807 c -5.414,0.233 -11.896,-2.639 -11.896,-2.639 l 1.297,-6.209 H 242 L 176.801,90.428 c -7.244,2.794 -14.87,6.442 -20.208,10.866 -4.27,-3.105 -19.063,-12.807 -39.653,-13.195 z"
-       id="path22" />
-    <path
-       class="wood"
-       d="M 6.217,24.493 18.494,21 c 5.948,21.577 13.345,33.375 22.648,39.352 8.388,5.099 19.75,5.239 31.799,4.579 C 69.433,63.767 66.154,62.137 63.104,59.886 56.317,54.841 50.522,46.458 46.175,31.246 l 12.201,-3.649 c 3.279,11.488 7.092,18.085 12.201,21.888 5.11,3.726 11.286,4.657 18.606,5.433 13.726,1.553 30.884,2.174 52.312,12.264 2.898,1.086 5.872,2.483 8.769,4.036 -0.381,-0.776 -0.762,-1.553 -1.296,-2.406 -3.66,-5.822 -10.828,-11.953 -24.097,-16.92 l 4.27,-12.109 c 21.581,7.917 30.121,19.171 33.553,28.097 3.965,10.168 1.525,18.124 1.525,18.124 -3.05,1.009 -6.1,2.406 -9.608,3.492 -6.634,-4.579 -12.887,-8.033 -18.835,-10.75 C 113.814,70.442 92.31,76.108 73.246,77.893 58.91,79.213 45.794,78.591 34.432,71.295 23.222,64.155 13.385,50.495 6.217,24.493 Z"
-       id="path24" />
-    <path
-       class="wood"
-       d="M 90.098,45.294 C 87.582,39.55 86.057,32.487 86.743,23.794 l 12.659,0.932 c -0.763,10.555 2.897,17.696 7.015,22.353 -5.338,-0.931 -10.447,-1.04 -16.319,-1.785 z m 80.069,-1.32 8.312,-9.702 c 21.58,19.094 8.159,46.415 8.159,46.415 l -11.819,-1.32 c -0.382,-6.24 -1.144,-17.836 -6.635,-24.371 3.584,1.84 6.635,3.865 9.99,6.908 0,-5.666 -1.754,-12.341 -8.007,-17.93 z"
-       id="path26" />
-  </g>
-</svg>
+    <mask
+      id="a"
+      width="240"
+      height="234"
+      x="4"
+      y="1"
+      maskUnits="userSpaceOnUse"
+      style="mask-type:alpha"
+    >
+      <path
+        id="path19"
+        fill="#D9D9D9"
+        d="M244 123c0 64.617-38.383 112-103 112-64.617 0-103-30.883-103-95.5C38 111.194-8.729 36.236 8 16 29.46-9.959 88.689 6 125 6c64.617 0 119 52.383 119 117Z"
+      />
+    </mask>
+    <g
+      id="g28"
+      mask="url(#a)"
+      transform="matrix(0.90923731,0,0,1.0049564,13.520015,-3.1040835)"
+    >
+      <path
+        id="path22"
+        class="body"
+        d="m 116.94,88.1 c -13.344,1.552 -20.436,-2.019 -24.706,10.71 0,0 14.336,21.655 52.54,21.112 -2.135,8.848 -1.144,15.368 -1.144,23.207 0,26.079 -20.589,48.821 -65.961,48.821 -23.03,0 -51.015,4.191 -72.367,15.911 -15.175,8.305 -27.048,20.336 -32.302,37.023 l 5.956,8.461 11.4,0.155 v 47.889 l -13.91,21.966 3.998,63.645 H -6.364 L -5.22,335.773 C 1.338,331.892 16.36,321.802 29.171,306.279 46.557,285.4 59.902,255.052 44.193,217.486 l 11.744,-5.045 c 12.887,30.814 8.388,57.514 -2.898,79.013 21.58,-0.698 40.11,-2.095 55.819,-4.734 l -3.584,-43.698 12.659,-1.087 L 129.98,387 h 13.116 l 2.212,-94.459 c 10.447,-4.502 34.239,-21.034 45.372,-78.47 1.372,-6.986 2.135,-12.885 2.516,-17.93 1.754,-12.806 2.745,-27.243 3.051,-43.698 l -18.683,-5.976 h 57.42 l 5.567,-12.807 c -5.414,0.233 -11.896,-2.639 -11.896,-2.639 l 1.297,-6.209 H 242 L 176.801,90.428 c -7.244,2.794 -14.87,6.442 -20.208,10.866 -4.27,-3.105 -19.063,-12.807 -39.653,-13.195 z"
+      />
+      <path
+        id="path24"
+        class="wood"
+        d="M 6.217,24.493 18.494,21 c 5.948,21.577 13.345,33.375 22.648,39.352 8.388,5.099 19.75,5.239 31.799,4.579 C 69.433,63.767 66.154,62.137 63.104,59.886 56.317,54.841 50.522,46.458 46.175,31.246 l 12.201,-3.649 c 3.279,11.488 7.092,18.085 12.201,21.888 5.11,3.726 11.286,4.657 18.606,5.433 13.726,1.553 30.884,2.174 52.312,12.264 2.898,1.086 5.872,2.483 8.769,4.036 -0.381,-0.776 -0.762,-1.553 -1.296,-2.406 -3.66,-5.822 -10.828,-11.953 -24.097,-16.92 l 4.27,-12.109 c 21.581,7.917 30.121,19.171 33.553,28.097 3.965,10.168 1.525,18.124 1.525,18.124 -3.05,1.009 -6.1,2.406 -9.608,3.492 -6.634,-4.579 -12.887,-8.033 -18.835,-10.75 C 113.814,70.442 92.31,76.108 73.246,77.893 58.91,79.213 45.794,78.591 34.432,71.295 23.222,64.155 13.385,50.495 6.217,24.493 Z"
+      />
+      <path
+        id="path26"
+        class="wood"
+        d="M 90.098,45.294 C 87.582,39.55 86.057,32.487 86.743,23.794 l 12.659,0.932 c -0.763,10.555 2.897,17.696 7.015,22.353 -5.338,-0.931 -10.447,-1.04 -16.319,-1.785 z m 80.069,-1.32 8.312,-9.702 c 21.58,19.094 8.159,46.415 8.159,46.415 l -11.819,-1.32 c -0.382,-6.24 -1.144,-17.836 -6.635,-24.371 3.584,1.84 6.635,3.865 9.99,6.908 0,-5.666 -1.754,-12.341 -8.007,-17.93 z"
+      />
+    </g>
+  </svg>

  </span>
 </template>
--- a/components/nav/NavTitle.vue
+++ b/components/nav/NavTitle.vue
@ -5,7 +5,7 @@ const back = ref<any>('')

 const nuxtApp = useNuxtApp()

-const onClickLogo = () => {
+function onClickLogo() {
  nuxtApp.hooks.callHook('elk-logo:click')
 }

--- a/components/notification/NotificationPaginator.vue
+++ b/components/notification/NotificationPaginator.vue
@ -14,7 +14,7 @@ const virtualScroller = false // TODO: fix flickering issue with virtual scroll
 const groupCapacity = Number.MAX_VALUE // No limit

 // Group by type (and status when applicable)
-const groupId = (item: mastodon.v1.Notification): string => {
+function groupId(item: mastodon.v1.Notification): string {
  // If the update is related to an status, group notifications from the same account (boost + favorite the same status)
  const id = item.status
    ? {
--- a/components/notification/NotificationPreferences.client.vue
+++ b/components/notification/NotificationPreferences.client.vue
@ -24,7 +24,7 @@ let animateRemoveSubscription = $ref<boolean>(false)
 let subscribeError = $ref<string>('')
 let showSubscribeError = $ref<boolean>(false)

-const hideNotification = () => {
+function hideNotification() {
  const key = currentUser.value?.account?.acct
  if (key)
    hiddenNotification.value[key] = true
@ -39,7 +39,7 @@ const showWarning = $computed(() => {
      && !(hiddenNotification.value[currentUser.value?.account?.acct ?? ''] === true)
 })

-const saveSettings = async () => {
+async function saveSettings() {
  if (busy)
    return

@ -60,7 +60,7 @@ const saveSettings = async () => {
  }
 }

-const doSubscribe = async () => {
+async function doSubscribe() {
  if (busy)
    return

@ -90,7 +90,7 @@ const doSubscribe = async () => {
    animateSubscription = false
  }
 }
-const removeSubscription = async () => {
+async function removeSubscription() {
  if (busy)
    return

--- a/components/publish/PublishAttachment.vue
+++ b/components/publish/PublishAttachment.vue
@ -20,7 +20,7 @@ const maxDescriptionLength = 1500

 const isEditDialogOpen = ref(false)
 const description = ref(props.attachment.description ?? '')
-const toggleApply = () => {
+function toggleApply() {
  isEditDialogOpen.value = false
  emit('setDescription', unref(description))
 }
--- a/components/publish/PublishEmojiPicker.client.vue
+++ b/components/publish/PublishEmojiPicker.client.vue
@ -47,7 +47,7 @@ async function openEmojiPicker() {
  el?.appendChild(picker as any as HTMLElement)
 }

-const hideEmojiPicker = () => {
+function hideEmojiPicker() {
  if (picker)
    el?.removeChild(picker as any as HTMLElement)
 }
--- a/components/publish/PublishVisibilityPicker.vue
+++ b/components/publish/PublishVisibilityPicker.vue
@ -11,7 +11,7 @@ const currentVisibility = $computed(() =>
  statusVisibilities.find(v => v.value === modelValue) || statusVisibilities[0],
 )

-const chooseVisibility = (visibility: string) => {
+function chooseVisibility(visibility: string) {
  modelValue = visibility
 }
 </script>
--- a/components/search/SearchResult.vue
+++ b/components/search/SearchResult.vue
@ -6,7 +6,7 @@ defineProps<{
  active: boolean
 }>()

-const onActivate = () => {
+function onActivate() {
  (document.activeElement as HTMLElement).blur()
 }
 </script>
--- a/components/search/SearchWidget.vue
+++ b/components/search/SearchWidget.vue
@ -38,9 +38,11 @@ const results = computed(() => {
 // Reset index when results change
 watch([results, focused], () => index.value = -1)

-const shift = (delta: number) => index.value = (index.value + delta % results.value.length + results.value.length) % results.value.length
+function shift(delta: number) {
+  return index.value = (index.value + delta % results.value.length + results.value.length) % results.value.length
+}

-const activate = () => {
+function activate() {
  const currentIndex = index.value

  if (query.value.length === 0)
--- a/components/settings/SettingsFontSize.vue
+++ b/components/settings/SettingsFontSize.vue
@ -6,7 +6,7 @@ const userSettings = useUserSettings()

 const sizes = (new Array(11)).fill(0).map((x, i) => `${10 + i}px`) as FontSize[]

-const setFontSize = (e: Event) => {
+function setFontSize(e: Event) {
  if (e.target && 'valueAsNumber' in e.target)
    userSettings.value.fontSize = sizes[e.target.valueAsNumber as number]
 }
--- a/components/settings/SettingsProfileMetadata.vue
+++ b/components/settings/SettingsProfileMetadata.vue
@ -25,7 +25,7 @@ const fieldCount = $computed(() => {
  )
 })

-const chooseIcon = (i: number, text: string) => {
+function chooseIcon(i: number, text: string) {
  form.value.fieldsAttributes[i].name = text
  dropdown[i]?.hide()
 }
--- a/components/status/StatusActions.vue
+++ b/components/status/StatusActions.vue
@ -22,7 +22,7 @@ const {
  toggleReblog,
 } = $(useStatusActions(props))

-const reply = () => {
+function reply() {
  if (!checkLogin())
    return
  if (details)
--- a/components/status/StatusActionsMore.vue
+++ b/components/status/StatusActionsMore.vue
@ -29,33 +29,33 @@ const isAuthor = $computed(() => status.account.id === currentUser.value?.accoun

 const { client } = $(useMasto())

-const getPermalinkUrl = (status: mastodon.v1.Status) => {
+function getPermalinkUrl(status: mastodon.v1.Status) {
  const url = getStatusPermalinkRoute(status)
  if (url)
    return `${location.origin}/${url}`
  return null
 }

-const copyLink = async (status: mastodon.v1.Status) => {
+async function copyLink(status: mastodon.v1.Status) {
  const url = getPermalinkUrl(status)
  if (url)
    await clipboard.copy(url)
 }

-const copyOriginalLink = async (status: mastodon.v1.Status) => {
+async function copyOriginalLink(status: mastodon.v1.Status) {
  const url = status.url
  if (url)
    await clipboard.copy(url)
 }

 const { share, isSupported: isShareSupported } = useShare()
-const shareLink = async (status: mastodon.v1.Status) => {
+async function shareLink(status: mastodon.v1.Status) {
  const url = getPermalinkUrl(status)
  if (url)
    await share({ url })
 }

-const deleteStatus = async () => {
+async function deleteStatus() {
  if (await openConfirmDialog({
    title: t('confirm.delete_posts.title'),
    confirm: t('confirm.delete_posts.confirm'),
@ -72,7 +72,7 @@ const deleteStatus = async () => {
  // TODO when timeline, remove this item
 }

-const deleteAndRedraft = async () => {
+async function deleteAndRedraft() {
  // TODO confirm to delete
  if (process.dev) {
    // eslint-disable-next-line no-alert
@ -90,7 +90,7 @@ const deleteAndRedraft = async () => {
    router.push(getStatusRoute(lastPublishDialogStatus.value))
 }

-const reply = () => {
+function reply() {
  if (details) {
    // TODO focus to editor
  }
@ -107,7 +107,7 @@ async function editStatus() {
  }, true)
 }

-const showFavoritedAndBoostedBy = () => {
+function showFavoritedAndBoostedBy() {
  openFavoridedBoostedByDialog(status.id)
 }
 </script>
--- a/components/status/StatusTranslation.vue
+++ b/components/status/StatusTranslation.vue
@ -15,7 +15,7 @@ const preferenceHideTranslation = usePreferences('hideTranslation')
 const showButton = computed(() => !preferenceHideTranslation.value && isTranslationEnabled)

 let translating = $ref(false)
-const toggleTranslation = async () => {
+async function toggleTranslation() {
  translating = true
  try {
    await _toggleTranslation()
--- a/components/status/edit/StatusEditHistory.vue
+++ b/components/status/edit/StatusEditHistory.vue
@ -8,14 +8,15 @@ const { status } = defineProps<{

 const paginator = useMastoClient().v1.statuses.listHistory(status.id)

-const showHistory = (edit: mastodon.v1.StatusEdit) => {
+function showHistory(edit: mastodon.v1.StatusEdit) {
  openEditHistoryDialog(edit)
 }
 const timeAgoOptions = useTimeAgoOptions()

 // TODO: rework, this is only reversing the first page of edits
-const reverseHistory = (items: mastodon.v1.StatusEdit[]) =>
-  [...items].reverse()
+function reverseHistory(items: mastodon.v1.StatusEdit[]) {
+  return [...items].reverse()
+}
 </script>

 <template>
--- a/components/tag/TagActionButton.vue
+++ b/components/tag/TagActionButton.vue
@ -11,7 +11,7 @@ const emit = defineEmits<{

 const { client } = $(useMasto())

-const toggleFollowTag = async () => {
+async function toggleFollowTag() {
  // We save the state so be can do an optimistic UI update, but fallback to the previous state if the API call fails
  const previousFollowingState = tag.following

--- a/components/timeline/TimelineDomainBlocks.vue
+++ b/components/timeline/TimelineDomainBlocks.vue
@ -2,7 +2,7 @@
 const { client } = $(useMasto())
 const paginator = client.v1.domainBlocks.list()

-const unblock = async (domain: string) => {
+async function unblock(domain: string) {
  await client.v1.domainBlocks.unblock(domain)
 }
 </script>
--- a/components/timeline/TimelineHome.vue
+++ b/components/timeline/TimelineHome.vue
@ -3,7 +3,9 @@ import type { mastodon } from 'masto'

 const paginator = useMastoClient().v1.timelines.listHome({ limit: 30 })
 const stream = $(useStreaming(client => client.v1.stream.streamUser()))
-const reorderAndFilter = (items: mastodon.v1.Status[]) => reorderedTimeline(items, 'home')
+function reorderAndFilter(items: mastodon.v1.Status[]) {
+  return reorderedTimeline(items, 'home')
+}
 </script>

 <template>
--- a/components/timeline/TimelinePublic.vue
+++ b/components/timeline/TimelinePublic.vue
@ -3,7 +3,9 @@ import type { mastodon } from 'masto'

 const paginator = useMastoClient().v1.timelines.listPublic({ limit: 30 })
 const stream = useStreaming(client => client.v1.stream.streamPublicTimeline())
-const reorderAndFilter = (items: mastodon.v1.Status[]) => reorderedTimeline(items, 'public')
+function reorderAndFilter(items: mastodon.v1.Status[]) {
+  return reorderedTimeline(items, 'public')
+}
 </script>

 <template>
--- a/components/user/UserPicker.vue
+++ b/components/user/UserPicker.vue
@ -4,7 +4,7 @@ import type { UserLogin } from '~/types'
 const all = useUsers()
 const router = useRouter()

-const clickUser = (user: UserLogin) => {
+function clickUser(user: UserLogin) {
  if (user.account.acct === currentUser.value?.account.acct)
    router.push(getAccountRoute(user.account))
  else
--- a/components/user/UserSwitcher.vue
+++ b/components/user/UserSwitcher.vue
@ -16,13 +16,13 @@ const sorted = computed(() => {
 })

 const router = useRouter()
-const clickUser = (user: UserLogin) => {
+function clickUser(user: UserLogin) {
  if (user.account.id === currentUser.value?.account.id)
    router.push(getAccountRoute(user.account))
  else
    switchUser(user)
 }
-const processSignIn = () => {
+function processSignIn() {
  if (singleInstanceServer)
    oauth()
  else
--- a/composables/aria.ts
+++ b/composables/aria.ts
@ -3,7 +3,7 @@ export type AriaAnnounceType = 'announce' | 'mute' | 'unmute'

 const ariaAnnouncer = useEventBus<AriaAnnounceType, string | undefined>(Symbol('aria-announcer'))

-export const useAriaAnnouncer = () => {
+export function useAriaAnnouncer() {
  const announce = (message: string) => {
    ariaAnnouncer.emit('announce', message)
  }
@ -19,7 +19,7 @@ export const useAriaAnnouncer = () => {
  return { announce, ariaAnnouncer, mute, unmute }
 }

-export const useAriaLog = () => {
+export function useAriaLog() {
  let logs = $ref<any[]>([])

  const announceLogs = (messages: any[]) => {
@ -42,7 +42,7 @@ export const useAriaLog = () => {
  }
 }

-export const useAriaStatus = () => {
+export function useAriaStatus() {
  let status = $ref<any>('')

  const announceStatus = (message: any) => {
--- a/composables/command.ts
+++ b/composables/command.ts
@ -78,8 +78,9 @@ export interface QueryResult {
  grouped: Map<CommandScopeNames, QueryResultItem[]>
 }

-const r = <T extends Object | undefined>(i: T | (() => T)): T =>
-  typeof i === 'function' ? i() : i
+function r<T extends Object | undefined>(i: T | (() => T)): T {
+  return typeof i === 'function' ? i() : i
+}

 export const useCommandRegistry = defineStore('command', () => {
  const providers = reactive(new Set<CommandProvider>())
@ -237,7 +238,7 @@ export function useCommands(cmds: () => CommandProvider[]) {
  tryOnScopeDispose(cleanup)
 }

-export const provideGlobalCommands = () => {
+export function provideGlobalCommands() {
  const { locale, t } = useI18n()
  const { locales } = useI18n() as { locales: ComputedRef<LocaleObject[]> }
  const router = useRouter()
--- a/composables/masto/icons.ts
+++ b/composables/masto/icons.ts
@ -55,7 +55,7 @@ const accountFieldIconsLowercase = Object.fromEntries(
  ),
 )

-export const getAccountFieldIcon = (value: string) => {
+export function getAccountFieldIcon(value: string) {
  const name = value.trim().toLowerCase()
  return accountFieldIconsLowercase[name] || undefined
 }
--- a/composables/masto/masto.ts
+++ b/composables/masto/masto.ts
@ -6,7 +6,7 @@ import type { ElkInstance } from '../users'
 import type { Mutable } from '~/types/utils'
 import type { UserLogin } from '~/types'

-export const createMasto = () => {
+export function createMasto() {
  let client = $shallowRef<mastodon.Client>(undefined as never)
  let params = $ref<Mutable<CreateClientParams>>()
  const canStreaming = $computed(() => !!params?.streamingApiUrl)
@ -26,8 +26,12 @@ export const createMasto = () => {
 }
 export type ElkMasto = ReturnType<typeof createMasto>

-export const useMasto = () => useNuxtApp().$masto as ElkMasto
-export const useMastoClient = () => useMasto().client.value
+export function useMasto() {
+  return useNuxtApp().$masto as ElkMasto
+}
+export function useMastoClient() {
+  return useMasto().client.value
+}

 export function mastoLogin(masto: ElkMasto, user: Pick<UserLogin, 'server' | 'token'>) {
  const { setParams } = $(masto)
--- a/composables/masto/notification.ts
+++ b/composables/masto/notification.ts
@ -2,7 +2,7 @@ import type { WsEvents } from 'masto'

 const notifications = reactive<Record<string, undefined | [Promise<WsEvents>, string[]]>>({})

-export const useNotifications = () => {
+export function useNotifications() {
  const id = currentUser.value?.account.id

  const { client, canStreaming } = $(useMasto())
--- a/composables/masto/routes.ts
+++ b/composables/masto/routes.ts
@ -64,11 +64,12 @@ export function getStatusInReplyToRoute(status: mastodon.v1.Status) {
  })
 }

-export const navigateToStatus = ({ status, focusReply = false }: {
+export function navigateToStatus({ status, focusReply = false }: {
  status: mastodon.v1.Status
  focusReply?: boolean
-}) =>
-  navigateTo({
+}) {
+  return navigateTo({
    path: getStatusRoute(status).href,
    state: { focusReply },
  })
+}
--- a/composables/masto/statusDrafts.ts
+++ b/composables/masto/statusDrafts.ts
@ -84,7 +84,7 @@ export function getReplyDraft(status: mastodon.v1.Status) {
  }
 }

-export const isEmptyDraft = (draft: Draft | null | undefined) => {
+export function isEmptyDraft(draft: Draft | null | undefined) {
  if (!draft)
    return true
  const { params, attachments } = draft
--- a/composables/masto/translate.ts
+++ b/composables/masto/translate.ts
@ -42,7 +42,7 @@ export const supportedTranslationCodes = [
  'zh',
 ] as const

-export const getLanguageCode = () => {
+export function getLanguageCode() {
  let code = 'en'
  const getCode = (code: string) => code.replace(/-.*$/, '')
  if (!process.server) {
--- a/composables/misc.ts
+++ b/composables/misc.ts
@ -27,13 +27,15 @@ export function emojisArrayToObject(emojis: mastodon.v1.CustomEmoji[]) {

 export function noop() {}

-export const useIsMac = () => {
+export function useIsMac() {
  const headers = useRequestHeaders(['user-agent'])
  return computed(() => headers['user-agent']?.includes('Macintosh')
    ?? navigator?.platform?.includes('Mac') ?? false)
 }

-export const isEmptyObject = (object: Object) => Object.keys(object).length === 0
+export function isEmptyObject(object: Object) {
+  return Object.keys(object).length === 0
+}

 export function removeHTMLTags(str: string) {
  return str.replaceAll(HTMLTagRE, '')
--- a/composables/push-notifications/createPushSubscription.ts
+++ b/composables/push-notifications/createPushSubscription.ts
@ -6,12 +6,10 @@ import type {
 } from '~/composables/push-notifications/types'
 import { PushSubscriptionError } from '~/composables/push-notifications/types'

-export const createPushSubscription = async (
-  user: RequiredUserLogin,
+export async function createPushSubscription(user: RequiredUserLogin,
  notificationData: CreatePushNotification,
  policy: mastodon.v1.SubscriptionPolicy = 'all',
-  force = false,
-): Promise<mastodon.v1.WebPushSubscription | undefined> => {
+  force = false): Promise<mastodon.v1.WebPushSubscription | undefined> {
  const { server: serverEndpoint, vapidKey } = user

  return await getRegistration()
--- a/composables/push-notifications/usePushManager.ts
+++ b/composables/push-notifications/usePushManager.ts
@ -13,7 +13,7 @@ const supportsPushNotifications = typeof window !== 'undefined'
  && 'PushManager' in window
  && 'getKey' in PushSubscription.prototype

-export const usePushManager = () => {
+export function usePushManager() {
  const { client } = $(useMasto())
  const isSubscribed = ref(false)
  const notificationPermission = ref<PermissionState | undefined>(
--- a/composables/sign-in.ts
+++ b/composables/sign-in.ts
@ -1,6 +1,6 @@
 import type { Ref } from 'vue'

-export const useSignIn = (input?: Ref<HTMLInputElement | undefined>) => {
+export function useSignIn(input?: Ref<HTMLInputElement | undefined>) {
  const singleInstanceServer = useRuntimeConfig().public.singleInstance
  const userSettings = useUserSettings()
  const users = useUsers()
--- a/composables/tiptap/emoji.ts
+++ b/composables/tiptap/emoji.ts
@ -6,10 +6,8 @@ import {
 } from '@tiptap/core'
 import { emojiRegEx, getEmojiAttributes } from '~/config/emojis'

-const createEmojiRule = <NR extends typeof nodeInputRule | typeof nodePasteRule>(
-  nodeRule: NR,
-  type: Parameters<NR>[0]['type'],
-): ReturnType<NR>[] => {
+function createEmojiRule<NR extends typeof nodeInputRule | typeof nodePasteRule>(nodeRule: NR,
+  type: Parameters<NR>[0]['type']): ReturnType<NR>[] {
  const rule = nodeRule({
    find: emojiRegEx as RegExp,
    type,
--- a/composables/tiptap/suggestion.ts
+++ b/composables/tiptap/suggestion.ts
@ -14,7 +14,9 @@ import TiptapEmojiList from '~/components/tiptap/TiptapEmojiList.vue'
 export { Emoji }

 export type CustomEmoji = (mastodon.v1.CustomEmoji & { custom: true })
-export const isCustomEmoji = (emoji: CustomEmoji | Emoji): emoji is CustomEmoji => !!(emoji as CustomEmoji).custom
+export function isCustomEmoji(emoji: CustomEmoji | Emoji): emoji is CustomEmoji {
+  return !!(emoji as CustomEmoji).custom
+}

 export const TiptapMentionSuggestion: Partial<SuggestionOptions> = process.server
  ? {}
--- a/composables/users.ts
+++ b/composables/users.ts
@ -19,7 +19,7 @@ import { useAsyncIDBKeyval } from '~/composables/idb'

 const mock = process.mock

-const initializeUsers = (): Promise<Ref<UserLogin[]> | RemovableRef<UserLogin[]>> | Ref<UserLogin[]> | RemovableRef<UserLogin[]> => {
+function initializeUsers(): Promise<Ref<UserLogin[]> | RemovableRef<UserLogin[]>> | Ref<UserLogin[]> | RemovableRef<UserLogin[]> {
  let defaultUsers = mock ? [mock.user] : []

  // Backward compatibility with localStorage
@ -52,7 +52,9 @@ export type ElkInstance = Partial<mastodon.v1.Instance> & {
  /** support GoToSocial */
  accountDomain?: string | null
 }
-export const getInstanceCache = (server: string): mastodon.v1.Instance | undefined => instanceStorage.value[server]
+export function getInstanceCache(server: string): mastodon.v1.Instance | undefined {
+  return instanceStorage.value[server]
+}

 export const currentUser = computed<UserLogin | undefined>(() => {
  if (currentUserHandle.value) {
@ -109,9 +111,12 @@ if (process.client) {
  }, { immediate: true, flush: 'post' })
 }

-export const useUsers = () => users
-export const useSelfAccount = (user: MaybeComputedRef<mastodon.v1.Account | undefined>) =>
-  computed(() => currentUser.value && resolveUnref(user)?.id === currentUser.value.account.id)
+export function useUsers() {
+  return users
+}
+export function useSelfAccount(user: MaybeComputedRef<mastodon.v1.Account | undefined>) {
+  return computed(() => currentUser.value && resolveUnref(user)?.id === currentUser.value.account.id)
+}

 export const characterLimit = computed(() => currentInstance.value?.configuration?.statuses.maxCharacters ?? DEFAULT_POST_CHARS_LIMIT)

--- a/composables/vue.ts
+++ b/composables/vue.ts
@ -5,7 +5,7 @@ import type { SchemaAugmentations } from '@unhead/schema'

 export const isHydrated = ref(false)

-export const onHydrated = (cb: () => unknown) => {
+export function onHydrated(cb: () => unknown) {
  watchOnce(isHydrated, () => cb(), { immediate: isHydrated.value })
 }

--- a/config/env.ts
+++ b/config/env.ts
@ -28,14 +28,14 @@ export const gitBranch = process.env.BRANCH
 export const isPreview = isPR || process.env.CONTEXT === 'deploy-preview' || process.env.CONTEXT === 'dev'

 const git = Git()
-export const getGitInfo = async () => {
+export async function getGitInfo() {
  const branch = gitBranch || await git.revparse(['--abbrev-ref', 'HEAD'])
  const commit = await git.revparse(['HEAD'])
  const shortCommit = await git.revparse(['--short=7', 'HEAD'])
  return { branch, commit, shortCommit }
 }

-export const getEnv = async () => {
+export async function getEnv() {
  const { commit, shortCommit, branch } = await getGitInfo()
  const env = isDevelopment
    ? 'dev'
--- a/config/i18n.ts
+++ b/config/i18n.ts
@ -191,7 +191,7 @@ const locales: LocaleObjectData[] = [
  },
 ]

-const buildLocales = () => {
+function buildLocales() {
  const useLocales = Object.values(locales).reduce((acc, data) => {
    const locales = countryLocaleVariants[data.code]
    if (locales) {
--- a/docs/components/global/TranslationState.vue
+++ b/docs/components/global/TranslationState.vue
@ -42,7 +42,7 @@ const outdatedEntries = computed<string[]>(() => {
  return localesStatuses[locale.value]!.outdated
 })

-const showDetail = (key: string, tab: Tab = 'missing', fromTab = false) => {
+function showDetail(key: string, tab: Tab = 'missing', fromTab = false) {
  if (key === locale.value && tab === localeTab.value) {
    if (fromTab)
      return
@ -57,7 +57,7 @@ const showDetail = (key: string, tab: Tab = 'missing', fromTab = false) => {
  nextTick().then(() => hidden.value = false)
 }

-const copyToClipboard = async () => {
+async function copyToClipboard() {
  try {
    await navigator.clipboard.writeText([
      `# ${localeTitle.value}`,
--- a/error.vue
+++ b/error.vue
@ -19,7 +19,7 @@ const defaultMessage = 'Something went wrong'
 const message = error.message ?? errorCodes[error.statusCode!] ?? defaultMessage

 const state = ref<'error' | 'reloading'>('error')
-const reload = async () => {
+async function reload() {
  state.value = 'reloading'
  try {
    clearError({ redirect: currentUser.value ? '/home' : `/${currentServer.value}/public/local` })
--- a/modules/pwa/i18n.ts
+++ b/modules/pwa/i18n.ts
@ -31,7 +31,7 @@ export const pwaLocales = i18n.locales as LocaleObject[]
 type WebManifestEntry = Pick<ExtendedManifestOptions, 'name' | 'short_name' | 'description'>
 type RequiredWebManifestEntry = Required<WebManifestEntry & Pick<ExtendedManifestOptions, 'dir' | 'lang'>>

-export const createI18n = async (): Promise<LocalizedWebManifest> => {
+export async function createI18n(): Promise<LocalizedWebManifest> {
  const { env } = await getEnv()
  const envName = `${env === 'release' ? '' : `(${env})`}`
  const { pwa } = await readI18nFile('en.json')
--- a/modules/tauri/runtime/storage.ts
+++ b/modules/tauri/runtime/storage.ts
@ -24,4 +24,6 @@ storage.mount('servers', {
  },
 })

-export const useStorage = () => storage
+export function useStorage() {
+  return storage
+}
--- a/package.json
+++ b/package.json
@ -100,7 +100,7 @@
    "workbox-window": "^6.5.4"
  },
  "devDependencies": {
-    "@antfu/eslint-config": "^0.37.0",
+    "@antfu/eslint-config": "^0.38.2",
    "@antfu/ni": "^0.20.0",
    "@types/chroma-js": "^2.4.0",
    "@types/file-saver": "^2.0.5",
@ -111,13 +111,13 @@
    "@types/prettier": "^2.7.2",
    "@types/wicg-file-system-access": "^2020.9.5",
    "bumpp": "^9.0.0",
-    "eslint": "^8.36.0",
+    "eslint": "^8.37.0",
    "esno": "^0.16.3",
    "flat": "^5.0.2",
    "fs-extra": "^11.1.1",
    "lint-staged": "^13.2.0",
    "nuxt": "3.3.1",
-    "prettier": "^2.8.6",
+    "prettier": "^2.8.7",
    "simple-git-hooks": "^2.8.1",
    "typescript": "^5.0.2",
    "vitest": "^0.29.7",
--- a/pages/[[server]]/@[account]/[status].vue
+++ b/pages/[[server]]/@[account]/[status].vue
@ -43,7 +43,9 @@ async function scrollTo() {
 }

 const publishWidget = ref()
-const focusEditor = () => publishWidget.value?.focusEditor?.()
+function focusEditor() {
+  return publishWidget.value?.focusEditor?.()
+}

 provide('focus-editor', focusEditor)

--- a/pages/[[server]]/@[account]/index/index.vue
+++ b/pages/[[server]]/@[account]/index/index.vue
@ -10,7 +10,9 @@ const { t } = useI18n()

 const account = await fetchAccountByHandle(handle)

-const reorderAndFilter = (items: mastodon.v1.Status[]) => reorderedTimeline(items, 'account')
+function reorderAndFilter(items: mastodon.v1.Status[]) {
+  return reorderedTimeline(items, 'account')
+}

 const paginator = useMastoClient().v1.accounts.listStatuses(account.id, { limit: 30, excludeReplies: true })

--- a/pages/settings/about/index.vue
+++ b/pages/settings/about/index.vue
@ -9,7 +9,7 @@ useHeadFixed({
 let showCommit = $ref(buildInfo.env !== 'release' && buildInfo.env !== 'dev')
 const builtTime = useFormattedDateTime(buildInfo.time)

-const handleShowCommit = () => {
+function handleShowCommit() {
  setTimeout(() => {
    showCommit = true
  }, 50)
--- a/pages/settings/profile/appearance.vue
+++ b/pages/settings/profile/appearance.vue
@ -75,7 +75,7 @@ const { submit, submitting } = submitter(async ({ dirtyFields }) => {
  reset()
 })

-const refreshInfo = async () => {
+async function refreshInfo() {
  if (!currentUser.value)
    return
  // Keep the information to be edited up to date
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/service-worker/notification.ts
+++ b/service-worker/notification.ts
@ -1,9 +1,7 @@
 import { closeDatabases, get } from '../utils/elk-idb'
 import type { MastoNotification, NotificationInfo, PushPayload, UserLogin } from './types'

-export const findNotification = async (
-  { access_token, notification_id/* , notification_type */ }: PushPayload,
-): Promise<NotificationInfo | undefined> => {
+export async function findNotification({ access_token, notification_id/* , notification_type */ }: PushPayload): Promise<NotificationInfo | undefined> {
  const users = await get<UserLogin[]>('elk-users')
  if (!users)
    return undefined
--- a/service-worker/share-target.ts
+++ b/service-worker/share-target.ts
@ -13,7 +13,7 @@ self.addEventListener('message', (event) => {
    clientResolves[id]()
 })

-export const onShareTarget = (event: FetchEvent) => {
+export function onShareTarget(event: FetchEvent) {
  if (!event.request.url.endsWith('/web-share-target') || event.request.method !== 'POST')
    return

--- a/service-worker/web-push-notifications.ts
+++ b/service-worker/web-push-notifications.ts
@ -15,7 +15,7 @@ self.addEventListener('message', (event) => {
    closeDatabaseConnections()
 })

-export const onPush = (event: PushEvent) => {
+export function onPush(event: PushEvent) {
  const promise = isClientFocused().then((isFocused) => {
    if (isFocused)
      return Promise.resolve()
@ -35,7 +35,7 @@ export const onPush = (event: PushEvent) => {
  event.waitUntil(promise)
 }

-export const onNotificationClick = (event: NotificationEvent) => {
+export function onNotificationClick(event: NotificationEvent) {
  const reactToNotificationClick = new Promise((resolve) => {
    event.notification.close()
    resolve(openUrl(event.notification.data.url))