feat(settings): about page

composables/about.ts

@@ -0,0 +1,33 @@
+export interface Team {
+  github: string
+  display: string
+  twitter: string
+  mastodon: string
+}
+
+export const teams: Team[] = [
+  {
+    github: 'antfu',
+    display: 'Anthony Fu',
+    twitter: 'antfu7',
+    mastodon: 'antfu@mas.to',
+  },
+  {
+    github: 'patak-dev',
+    display: 'Patak',
+    twitter: 'patak_dev',
+    mastodon: 'patak@webtoo.ls',
+  },
+  {
+    github: 'danielroe',
+    display: 'Daniel Roe',
+    twitter: 'danielcroe',
+    mastodon: 'daniel@roe.dev',
+  },
+  {
+    github: 'sxzz',
+    display: 'sxzz',
+    twitter: 'sanxiaozhizi',
+    mastodon: 'sxzz@mas.to',
+  },
+].sort(() => Math.random() - 0.5)

composables/i18n.ts

@@ -1,5 +1,4 @@
-import type { MaybeRef } from '@vueuse/shared'
-import type { MaybeComputedRef, UseTimeAgoOptions } from '@vueuse/core'
+import type { MaybeComputedRef, MaybeRef, UseTimeAgoOptions } from '@vueuse/core'
 
 const formatter = Intl.NumberFormat()
 
@@ -31,7 +30,7 @@ export const useHumanReadableNumber = () => {
 }
 
 export const useFormattedDateTime = (
-  value: MaybeComputedRef<string | Date | undefined | null>,
+  value: MaybeComputedRef<string | number | Date | undefined | null>,
   options: Intl.DateTimeFormatOptions = { dateStyle: 'long', timeStyle: 'medium' },
 ) => {
   const { locale } = useI18n()