mirror of
https://github.com/versia-pub/frontend.git
synced 2026-06-14 15:39:15 +02:00
style: 🎨 Format code with Biome
This commit is contained in:
Jesse Wierzbinski
parent
7ff9d2302a
commit
3627ac0ef8
296 changed files with 3257 additions and 2808 deletions
|
|
@ -77,46 +77,70 @@ useListen("preferences:open", () => {
|
|||
|
||||
<template>
|
||||
<Dialog v-model:open="open" v-if="authStore.isSignedIn">
|
||||
<DialogContent class="md:max-w-5xl w-full h-full p-0 md:max-h-[70dvh] overflow-hidden">
|
||||
<Tabs class="md:grid-cols-[auto_minmax(0,1fr)] !grid gap-2 *:p-4 overflow-hidden *:overflow-y-auto *:h-full" orientation="vertical"
|
||||
:default-value="pages[0]">
|
||||
<DialogHeader class="gap-6 grid grid-rows-[auto_minmax(0,1fr)] border-b md:border-b-0 md:border-r min-w-60 text-left">
|
||||
<div class="grid gap-3 items-center grid-cols-[auto_minmax(0,1fr)]">
|
||||
<Avatar :name="authStore.account!.display_name || authStore.account!.username"
|
||||
:src="authStore.account!.avatar" />
|
||||
<DialogContent
|
||||
class="md:max-w-5xl w-full h-full p-0 md:max-h-[70dvh] overflow-hidden"
|
||||
>
|
||||
<Tabs
|
||||
class="md:grid-cols-[auto_minmax(0,1fr)] !grid gap-2 *:p-4 overflow-hidden *:overflow-y-auto *:h-full"
|
||||
orientation="vertical"
|
||||
:default-value="pages[0]"
|
||||
>
|
||||
<DialogHeader
|
||||
class="gap-6 grid grid-rows-[auto_minmax(0,1fr)] border-b md:border-b-0 md:border-r min-w-60 text-left"
|
||||
>
|
||||
<div
|
||||
class="grid gap-3 items-center grid-cols-[auto_minmax(0,1fr)]"
|
||||
>
|
||||
<Avatar
|
||||
:name="authStore.account!.display_name || authStore.account!.username"
|
||||
:src="authStore.account!.avatar"
|
||||
/>
|
||||
<DialogTitle>Preferences</DialogTitle>
|
||||
</div>
|
||||
<DialogDescription class="sr-only">
|
||||
Make changes to your preferences here.
|
||||
</DialogDescription>
|
||||
<TabsList class="md:grid md:grid-cols-1 w-full h-fit *:justify-start !justify-start">
|
||||
<TabsTrigger v-for="page in pages" :key="page" :value="page">
|
||||
<component :is="icons[page]" class="size-4 mr-2" />
|
||||
<TabsList
|
||||
class="md:grid md:grid-cols-1 w-full h-fit *:justify-start !justify-start"
|
||||
>
|
||||
<TabsTrigger
|
||||
v-for="page in pages"
|
||||
:key="page"
|
||||
:value="page"
|
||||
>
|
||||
<component :is="icons[page]" class="size-4 mr-2"/>
|
||||
{{ page }}
|
||||
</TabsTrigger>
|
||||
</TabsList>
|
||||
</DialogHeader>
|
||||
<TabsContent v-for="page in pages.filter(p => !extraPages.includes(p))" :key="page" :value="page"
|
||||
as-child>
|
||||
<TabsContent
|
||||
v-for="page in pages.filter(p => !extraPages.includes(p))"
|
||||
:key="page"
|
||||
:value="page"
|
||||
as-child
|
||||
>
|
||||
<Page :title="page">
|
||||
<Category v-for="category in categories[page]" :key="category"
|
||||
<Category
|
||||
v-for="category in categories[page]"
|
||||
:key="category"
|
||||
:preferences="Object.entries(preferences).filter(([, p]) => p.options.category === `${page}/${category}`).map(([k,]) => k as keyof typeof preferences)"
|
||||
:name="category" />
|
||||
:name="category"
|
||||
/>
|
||||
</Page>
|
||||
</TabsContent>
|
||||
<TabsContent value="Emojis" as-child>
|
||||
<Page title="Emojis">
|
||||
<Emojis />
|
||||
<Emojis/>
|
||||
</Page>
|
||||
</TabsContent>
|
||||
<TabsContent value="Account" as-child>
|
||||
<Page title="Account">
|
||||
<Profile />
|
||||
<Profile/>
|
||||
</Page>
|
||||
</TabsContent>
|
||||
<TabsContent value="Developer" as-child>
|
||||
<Page title="Developer">
|
||||
<Developer />
|
||||
<Developer/>
|
||||
</Page>
|
||||
</TabsContent>
|
||||
<TabsContent value="About" as-child>
|
||||
|
|
@ -126,25 +150,53 @@ useListen("preferences:open", () => {
|
|||
{{ pkg.description }}
|
||||
</p>
|
||||
|
||||
<Stats />
|
||||
<Stats/>
|
||||
</section>
|
||||
<Separator />
|
||||
<Separator/>
|
||||
<section class="space-y-2">
|
||||
<h3 class="text-lg font-semibold tracking-tight">Developers</h3>
|
||||
<div class="grid lg:grid-cols-3 md:grid-cols-2 grid-cols-1 gap-4">
|
||||
<TinyCard v-if="author1" :account="author1" domain="vs.cpluspatch.com" />
|
||||
<TinyCard v-if="author2" :account="author2" domain="social.lysand.org" />
|
||||
<TinyCard v-if="author3" :account="author3" domain="social.lysand.org" />
|
||||
<TinyCard v-if="author4" :account="author4" domain="v.everypizza.im" />
|
||||
<h3 class="text-lg font-semibold tracking-tight">
|
||||
Developers
|
||||
</h3>
|
||||
<div
|
||||
class="grid lg:grid-cols-3 md:grid-cols-2 grid-cols-1 gap-4"
|
||||
>
|
||||
<TinyCard
|
||||
v-if="author1"
|
||||
:account="author1"
|
||||
domain="vs.cpluspatch.com"
|
||||
/>
|
||||
<TinyCard
|
||||
v-if="author2"
|
||||
:account="author2"
|
||||
domain="social.lysand.org"
|
||||
/>
|
||||
<TinyCard
|
||||
v-if="author3"
|
||||
:account="author3"
|
||||
domain="social.lysand.org"
|
||||
/>
|
||||
<TinyCard
|
||||
v-if="author4"
|
||||
:account="author4"
|
||||
domain="v.everypizza.im"
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
<Separator />
|
||||
<Separator/>
|
||||
<section class="space-y-2">
|
||||
<h3 class="text-lg font-semibold tracking-tight">Dependencies</h3>
|
||||
<ul class="grid lg:grid-cols-2 gap-2 grid-cols-1 items-center justify-center list-disc ml-6">
|
||||
<li v-for="[dep, version] in Object.entries(pkg.dependencies)" :key="dep">
|
||||
<h3 class="text-lg font-semibold tracking-tight">
|
||||
Dependencies
|
||||
</h3>
|
||||
<ul
|
||||
class="grid lg:grid-cols-2 gap-2 grid-cols-1 items-center justify-center list-disc ml-6"
|
||||
>
|
||||
<li
|
||||
v-for="[dep, version] in Object.entries(pkg.dependencies)"
|
||||
:key="dep"
|
||||
>
|
||||
<code
|
||||
class="rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-xs font-semibold">
|
||||
class="rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-xs font-semibold"
|
||||
>
|
||||
{{ dep }}@{{ version }}
|
||||
</code>
|
||||
</li>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue