Skip to content

Commit 762dd94

Browse files
author
Gary Woodfine
committed
chore: adjust formatting in various components and configuration files for improved readability and consistency
1 parent cda6f63 commit 762dd94

File tree

9 files changed

+105
-90
lines changed

9 files changed

+105
-90
lines changed

‎eslint.config.mjs‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,9 @@ export default createConfigForNuxt({
1717
})
1818
.append(
1919
{
20-
ignores: ['playground/**/*'],
20+
rules: {
21+
'vue/multi-word-component-names': 'off',
22+
},
2123

2224
},
2325
// your custom flat config here...

‎playground/app/app.config.ts‎

Lines changed: 71 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -1,84 +1,84 @@
11
export default defineAppConfig({
22

3-
ui: {
4-
colors: {
5-
primary: 'orange',
6-
neutral: 'neutral'
3+
ui: {
4+
colors: {
5+
primary: 'orange',
6+
neutral: 'neutral',
7+
},
8+
chip: {
9+
slots: {
10+
root: 'relative inline-flex items-center justify-center shrink-0',
11+
base: 'rounded-full ring ring-bg flex items-center justify-center text-inverted font-medium whitespace-nowrap',
712
},
8-
chip: {
9-
slots: {
10-
root: 'relative inline-flex items-center justify-center shrink-0',
11-
base: 'rounded-full ring ring-bg flex items-center justify-center text-inverted font-medium whitespace-nowrap'
13+
variants: {
14+
color: {
15+
primary: 'bg-primary',
16+
secondary: 'bg-secondary',
17+
success: 'bg-success',
18+
info: 'bg-info',
19+
warning: 'bg-warning',
20+
error: 'bg-error',
21+
neutral: 'bg-inverted',
22+
},
23+
size: {
24+
'3xs': 'h-[4px] min-w-[4px] text-[4px]',
25+
'2xs': 'h-[5px] min-w-[5px] text-[5px]',
26+
'xs': 'h-[6px] min-w-[6px] text-[6px]',
27+
'sm': 'h-[7px] min-w-[7px] text-[7px]',
28+
'md': 'h-[8px] min-w-[8px] text-[8px]',
29+
'lg': 'h-[9px] min-w-[9px] text-[9px]',
30+
'xl': 'h-[10px] min-w-[10px] text-[10px]',
31+
'2xl': 'h-[11px] min-w-[11px] text-[11px]',
32+
'3xl': 'h-[12px] min-w-[12px] text-[12px]',
33+
},
34+
position: {
35+
'top-right': 'top-0 right-0',
36+
'bottom-right': 'bottom-0 right-0',
37+
'top-left': 'top-0 left-0',
38+
'bottom-left': 'bottom-0 left-0',
1239
},
13-
variants: {
14-
color: {
15-
primary: 'bg-primary',
16-
secondary: 'bg-secondary',
17-
success: 'bg-success',
18-
info: 'bg-info',
19-
warning: 'bg-warning',
20-
error: 'bg-error',
21-
neutral: 'bg-inverted'
22-
},
23-
size: {
24-
'3xs': 'h-[4px] min-w-[4px] text-[4px]',
25-
'2xs': 'h-[5px] min-w-[5px] text-[5px]',
26-
xs: 'h-[6px] min-w-[6px] text-[6px]',
27-
sm: 'h-[7px] min-w-[7px] text-[7px]',
28-
md: 'h-[8px] min-w-[8px] text-[8px]',
29-
lg: 'h-[9px] min-w-[9px] text-[9px]',
30-
xl: 'h-[10px] min-w-[10px] text-[10px]',
31-
'2xl': 'h-[11px] min-w-[11px] text-[11px]',
32-
'3xl': 'h-[12px] min-w-[12px] text-[12px]'
33-
},
34-
position: {
35-
'top-right': 'top-0 right-0',
36-
'bottom-right': 'bottom-0 right-0',
37-
'top-left': 'top-0 left-0',
38-
'bottom-left': 'bottom-0 left-0'
39-
},
40-
inset: {
41-
false: ''
42-
},
43-
standalone: {
44-
false: 'absolute'
45-
}
40+
inset: {
41+
false: '',
42+
},
43+
standalone: {
44+
false: 'absolute',
4645
},
47-
compoundVariants: [
48-
{
49-
position: 'top-right',
50-
inset: false,
51-
class: '-translate-y-1/2 translate-x-1/2 transform'
52-
},
53-
{
54-
position: 'bottom-right',
55-
inset: false,
56-
class: 'translate-y-1/2 translate-x-1/2 transform'
57-
},
58-
{
59-
position: 'top-left',
60-
inset: false,
61-
class: '-translate-y-1/2 -translate-x-1/2 transform'
62-
},
63-
{
64-
position: 'bottom-left',
65-
inset: false,
66-
class: 'translate-y-1/2 -translate-x-1/2 transform'
67-
}
68-
],
69-
defaultVariants: {
70-
size: 'md',
71-
color: 'primary',
72-
position: 'top-right'
73-
}
7446
},
47+
compoundVariants: [
48+
{
49+
position: 'top-right',
50+
inset: false,
51+
class: '-translate-y-1/2 translate-x-1/2 transform',
52+
},
53+
{
54+
position: 'bottom-right',
55+
inset: false,
56+
class: 'translate-y-1/2 translate-x-1/2 transform',
57+
},
58+
{
59+
position: 'top-left',
60+
inset: false,
61+
class: '-translate-y-1/2 -translate-x-1/2 transform',
62+
},
63+
{
64+
position: 'bottom-left',
65+
inset: false,
66+
class: 'translate-y-1/2 -translate-x-1/2 transform',
67+
},
68+
],
69+
defaultVariants: {
70+
size: 'md',
71+
color: 'primary',
72+
position: 'top-right',
73+
},
74+
},
7575
icons: {
7676
light: 'i-ph-sun',
77-
dark: 'i-ph-moon'
77+
dark: 'i-ph-moon',
7878
},
7979
skeleton: {
80-
base: 'animate-pulse rounded-md bg-elevated'
81-
}
80+
base: 'animate-pulse rounded-md bg-elevated',
81+
},
8282

8383
},
8484
})

‎playground/app/pages/another-page.vue‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,14 @@
22

33
<template>
44
<div>
5-
<nuxt-link to="/" class="text-primary">Back</nuxt-link>
6-
<nuxt-link to="/another" class="text-primary">Another</nuxt-link>
5+
<nuxt-link
6+
to="/"
7+
class="text-primary"
8+
>Back</nuxt-link>
9+
<nuxt-link
10+
to="/another"
11+
class="text-primary"
12+
>Another</nuxt-link>
713
<nuxstr-comments />
814
</div>
915
</template>

‎playground/app/pages/another/deeper/index.vue‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
</script>
44

55
<template>
6-
76
<nuxstr-comments />
87
</template>
98

‎playground/app/pages/another/index.vue‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,14 @@
33
</script>
44

55
<template>
6-
76
<div>
8-
9-
<nuxt-link to="/another/deeper" class="text-primary">Another deeper</nuxt-link>
10-
<u-separator></u-separator>
7+
<nuxt-link
8+
to="/another/deeper"
9+
class="text-primary"
10+
>Another deeper</nuxt-link>
11+
<u-separator />
1112
<nuxstr-comments />
1213
</div>
13-
1414
</template>
1515

1616
<style scoped>

‎playground/app/pages/index.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,12 @@
44
<template>
55
<nuxt-layout name="default-layout">
66
<UContainer>
7-
<h1>Playground</h1>
8-
<p>Index Page</p> <nuxt-link
9-
to="another-page"
10-
class="text-primary"
11-
> Another Page</nuxt-link>
12-
<NuxstrComments />
7+
<h1>Playground</h1>
8+
<p>Index Page</p> <nuxt-link
9+
to="another-page"
10+
class="text-primary"
11+
> Another Page</nuxt-link>
12+
<NuxstrComments />
1313
</UContainer>
1414
</nuxt-layout>
1515
</template>

‎playground/nuxt.config.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,6 @@ export default defineNuxtConfig({
44
css: ['~/assets/css/main.css'],
55
compatibilityDate: '2025-08-19',
66
nuxstrComments: {
7-
relays: ['ws://localhost:10547']
7+
relays: ['ws://localhost:10547'],
88
},
99
})

‎src/runtime/components/ScaffoldComment.vue‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,8 @@
99
:ui="{ header: 'flex items-center gap-1.5 text-dimmed' }"
1010
>
1111
<div class="flex items-center gap-1.5">
12-
<USkeleton class="h-4 w-5 rounded-full" /><USkeleton class="h-4" /></div>
12+
<USkeleton class="h-4 w-5 rounded-full" /><USkeleton class="h-4" />
13+
</div>
1314

1415
<div class="mt-3 space-y-2">
1516
<USkeleton class="h-4" />

‎src/runtime/components/SignInModal.vue‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,19 @@ function handleSuccess() {
1919
<!-- Nostr Education -->
2020
<div class="p-4 rounded-lg bg-muted/50">
2121
<div class="flex items-center gap-2 mb-2 text-sm font-semibold">
22-
<UIcon name="i-lucide-help-circle" class="w-4 h-4" />
22+
<UIcon
23+
name="i-lucide-help-circle"
24+
class="w-4 h-4"
25+
/>
2326
What is Nostr?
2427
</div>
2528
<p class="text-xs leading-relaxed text-muted-foreground">
2629
Nostr is a decentralized protocol for social media. Instead of a username and password, you use a cryptographic key pair.
27-
Your "public key" is your identity, and your "private key" is used to sign messages. <a href="https://threenine.blog/posts/what-is-nostr" target="_blank" class="underline hover:text-primary text-primary">Learn more...</a>
30+
Your "public key" is your identity, and your "private key" is used to sign messages. <a
31+
href="https://threenine.blog/posts/what-is-nostr"
32+
target="_blank"
33+
class="underline hover:text-primary text-primary"
34+
>Learn more...</a>
2835
</p>
2936
</div>
3037

0 commit comments

Comments
 (0)