mirrors/pocket-id
1
0
Fork 0
mirror of https://github.com/pocket-id/pocket-id.git synced 2026-02-07 06:30:44 +00:00
Code Activity

refactor: run formatter

Browse Source
This commit is contained in:
Elias Schneider
2026-01-02 17:45:53 +01:00
parent 386add08c4
commit e4a8ca476c
19 changed files with 139 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/lib/components/ui/field/field-content.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { cn, type WithElementRef } from "$lib/utils/style.js";
import type { HTMLAttributes } from "svelte/elements";
import { cn, type WithElementRef } from '$lib/utils/style.js';
import type { HTMLAttributes } from 'svelte/elements';
let {
ref = $bindable(null),
@@ -13,7 +13,7 @@
<div
bind:this={ref}
data-slot="field-content"
class={cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className)}
class={cn('group/field-content flex flex-1 flex-col gap-1.5 leading-snug', className)}
{...restProps}
>
{@render children?.()}

8
frontend/src/lib/components/ui/field/field-error.svelte
View File

@@ -1,7 +1,7 @@
<script lang="ts">
import { cn, type WithElementRef } from "$lib/utils/style.js";
import type { HTMLAttributes } from "svelte/elements";
import type { Snippet } from "svelte";
import { cn, type WithElementRef } from '$lib/utils/style.js';
import type { HTMLAttributes } from 'svelte/elements';
import type { Snippet } from 'svelte';
let {
ref = $bindable(null),
@@ -38,7 +38,7 @@
bind:this={ref}
role="alert"
data-slot="field-error"
class={cn("text-destructive text-sm font-normal", className)}
class={cn('text-destructive text-sm font-normal', className)}
{...restProps}
>
{#if children}

14
frontend/src/lib/components/ui/field/field-legend.svelte
View File

@@ -1,15 +1,15 @@
<script lang="ts">
import { cn, type WithElementRef } from "$lib/utils/style.js";
import type { HTMLAttributes } from "svelte/elements";
import { cn, type WithElementRef } from '$lib/utils/style.js';
import type { HTMLAttributes } from 'svelte/elements';
let {
ref = $bindable(null),
class: className,
variant = "legend",
variant = 'legend',
children,
...restProps
}: WithElementRef<HTMLAttributes<HTMLLegendElement>> & {
variant?: "legend" | "label";
variant?: 'legend' | 'label';
} = $props();
</script>
@@ -18,9 +18,9 @@
data-slot="field-legend"
data-variant={variant}
class={cn(
"mb-3 font-medium",
"data-[variant=legend]:text-base",
"data-[variant=label]:text-sm",
'mb-3 font-medium',
'data-[variant=legend]:text-base',
'data-[variant=label]:text-sm',
className
)}
{...restProps}

13
frontend/src/lib/components/ui/field/field-separator.svelte
View File

@@ -1,8 +1,8 @@
<script lang="ts">
import { Separator } from "$lib/components/ui/separator/index.js";
import { cn, type WithElementRef } from "$lib/utils/style.js";
import type { HTMLAttributes } from "svelte/elements";
import type { Snippet } from "svelte";
import { Separator } from '$lib/components/ui/separator/index.js';
import { cn, type WithElementRef } from '$lib/utils/style.js';
import type { HTMLAttributes } from 'svelte/elements';
import type { Snippet } from 'svelte';
let {
ref = $bindable(null),
@@ -20,10 +20,7 @@
bind:this={ref}
data-slot="field-separator"
data-content={hasContent}
class={cn(
"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
className
)}
class={cn('relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2', className)}
{...restProps}
>
<Separator class="absolute inset-0 top-1/2" />

6
frontend/src/lib/components/ui/field/field-title.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { cn, type WithElementRef } from "$lib/utils/style.js";
import type { HTMLAttributes } from "svelte/elements";
import { cn, type WithElementRef } from '$lib/utils/style.js';
import type { HTMLAttributes } from 'svelte/elements';
let {
ref = $bindable(null),
@@ -14,7 +14,7 @@
bind:this={ref}
data-slot="field-title"
class={cn(
"flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50",
'flex w-fit items-center gap-2 text-sm font-medium leading-snug group-data-[disabled=true]/field:opacity-50',
className
)}
{...restProps}

22
frontend/src/lib/components/ui/field/index.ts
View File

@@ -1,13 +1,13 @@
import Field from "./field.svelte";
import Set from "./field-set.svelte";
import Legend from "./field-legend.svelte";
import Group from "./field-group.svelte";
import Content from "./field-content.svelte";
import Label from "./field-label.svelte";
import Title from "./field-title.svelte";
import Description from "./field-description.svelte";
import Separator from "./field-separator.svelte";
import Error from "./field-error.svelte";
import Field from './field.svelte';
import Set from './field-set.svelte';
import Legend from './field-legend.svelte';
import Group from './field-group.svelte';
import Content from './field-content.svelte';
import Label from './field-label.svelte';
import Title from './field-title.svelte';
import Description from './field-description.svelte';
import Separator from './field-separator.svelte';
import Error from './field-error.svelte';
export {
Field,
@@ -29,5 +29,5 @@ export {
Title as FieldTitle,
Description as FieldDescription,
Separator as FieldSeparator,
Error as FieldError,
Error as FieldError
};

22
frontend/src/lib/components/ui/item/index.ts
View File

@@ -1,13 +1,13 @@
import Root from "./item.svelte";
import Group from "./item-group.svelte";
import Separator from "./item-separator.svelte";
import Header from "./item-header.svelte";
import Footer from "./item-footer.svelte";
import Content from "./item-content.svelte";
import Title from "./item-title.svelte";
import Description from "./item-description.svelte";
import Actions from "./item-actions.svelte";
import Media from "./item-media.svelte";
import Root from './item.svelte';
import Group from './item-group.svelte';
import Separator from './item-separator.svelte';
import Header from './item-header.svelte';
import Footer from './item-footer.svelte';
import Content from './item-content.svelte';
import Title from './item-title.svelte';
import Description from './item-description.svelte';
import Actions from './item-actions.svelte';
import Media from './item-media.svelte';
export {
Root,
@@ -30,5 +30,5 @@ export {
Title as ItemTitle,
Description as ItemDescription,
Actions as ItemActions,
Media as ItemMedia,
Media as ItemMedia
};

6
frontend/src/lib/components/ui/item/item-actions.svelte
View File

@@ -16,7 +16,11 @@
<div
bind:this={ref}
data-slot="item-actions"
class={cn('flex items-center gap-2', wrapOnMobile && 'w-full pl-8 sm:w-auto sm:pl-0 pt-1', className)}
class={cn(
'flex items-center gap-2',
wrapOnMobile && 'w-full pl-8 sm:w-auto sm:pl-0 pt-1',
className
)}
{...restProps}
>
{@render children?.()}

6
frontend/src/lib/components/ui/item/item-content.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { cn, type WithElementRef } from "$lib/utils/style.js";
import type { HTMLAttributes } from "svelte/elements";
import { cn, type WithElementRef } from '$lib/utils/style.js';
import type { HTMLAttributes } from 'svelte/elements';
let {
ref = $bindable(null),
@@ -13,7 +13,7 @@
<div
bind:this={ref}
data-slot="item-content"
class={cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className)}
class={cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className)}
{...restProps}
>
{@render children?.()}

8
frontend/src/lib/components/ui/item/item-description.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { cn, type WithElementRef } from "$lib/utils/style.js";
import type { HTMLAttributes } from "svelte/elements";
import { cn, type WithElementRef } from '$lib/utils/style.js';
import type { HTMLAttributes } from 'svelte/elements';
let {
ref = $bindable(null),
@@ -14,8 +14,8 @@
bind:this={ref}
data-slot="item-description"
class={cn(
"text-muted-foreground text-balance text-sm font-normal leading-normal",
"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
'text-muted-foreground text-balance text-sm font-normal leading-normal',
'[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',
className
)}
{...restProps}

6
frontend/src/lib/components/ui/item/item-footer.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { cn, type WithElementRef } from "$lib/utils/style.js";
import type { HTMLAttributes } from "svelte/elements";
import { cn, type WithElementRef } from '$lib/utils/style.js';
import type { HTMLAttributes } from 'svelte/elements';
let {
ref = $bindable(null),
@@ -13,7 +13,7 @@
<div
bind:this={ref}
data-slot="item-footer"
class={cn("flex basis-full items-center justify-between gap-2", className)}
class={cn('flex basis-full items-center justify-between gap-2', className)}
{...restProps}
>
{@render children?.()}

6
frontend/src/lib/components/ui/item/item-group.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { cn, type WithElementRef } from "$lib/utils/style.js";
import type { HTMLAttributes } from "svelte/elements";
import { cn, type WithElementRef } from '$lib/utils/style.js';
import type { HTMLAttributes } from 'svelte/elements';
let {
ref = $bindable(null),
@@ -14,7 +14,7 @@
bind:this={ref}
role="list"
data-slot="item-group"
class={cn("group/item-group flex flex-col", className)}
class={cn('group/item-group flex flex-col', className)}
{...restProps}
>
{@render children?.()}

6
frontend/src/lib/components/ui/item/item-header.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { cn, type WithElementRef } from "$lib/utils/style.js";
import type { HTMLAttributes } from "svelte/elements";
import { cn, type WithElementRef } from '$lib/utils/style.js';
import type { HTMLAttributes } from 'svelte/elements';
let {
ref = $bindable(null),
@@ -13,7 +13,7 @@
<div
bind:this={ref}
data-slot="item-header"
class={cn("flex basis-full items-center justify-between gap-2", className)}
class={cn('flex basis-full items-center justify-between gap-2', className)}
{...restProps}
>
{@render children?.()}

8
frontend/src/lib/components/ui/item/item-separator.svelte
View File

@@ -1,7 +1,7 @@
<script lang="ts">
import { Separator } from "$lib/components/ui/separator/index.js";
import { cn } from "$lib/utils/style.js";
import type { ComponentProps } from "svelte";
import { Separator } from '$lib/components/ui/separator/index.js';
import { cn } from '$lib/utils/style.js';
import type { ComponentProps } from 'svelte';
let {
ref = $bindable(null),
@@ -14,6 +14,6 @@
bind:ref
data-slot="item-separator"
orientation="horizontal"
class={cn("my-0", className)}
class={cn('my-0', className)}
{...restProps}
/>

6
frontend/src/lib/components/ui/item/item-title.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { cn, type WithElementRef } from "$lib/utils/style.js";
import type { HTMLAttributes } from "svelte/elements";
import { cn, type WithElementRef } from '$lib/utils/style.js';
import type { HTMLAttributes } from 'svelte/elements';
let {
ref = $bindable(null),
@@ -15,7 +15,7 @@
role="heading"
aria-level="3"
data-slot="item-title"
class={cn("flex w-fit items-center gap-2 font-semibold leading-snug", className)}
class={cn('flex w-fit items-center gap-2 font-semibold leading-snug', className)}
{...restProps}
>
{@render children?.()}

2
frontend/src/lib/components/ui/spinner/index.ts
View File

@@ -1 +1 @@
export { default as Spinner } from "./spinner.svelte";
export { default as Spinner } from './spinner.svelte';

8
frontend/src/lib/components/ui/spinner/spinner.svelte
View File

@@ -1,7 +1,7 @@
<script lang="ts">
import { cn } from "$lib/utils/style.js";
import Loader2Icon from "@lucide/svelte/icons/loader-2";
import type { ComponentProps } from "svelte";
import { cn } from '$lib/utils/style.js';
import Loader2Icon from '@lucide/svelte/icons/loader-2';
import type { ComponentProps } from 'svelte';
let { class: className, ...restProps }: ComponentProps<typeof Loader2Icon> = $props();
</script>
@@ -9,6 +9,6 @@
<Loader2Icon
role="status"
aria-label="Loading"
class={cn("size-4 animate-spin", className)}
class={cn('size-4 animate-spin', className)}
{...restProps}
/>