Skip to content

Commit ddaa469

Browse files
taylorotwelltaylorotwell
committed
formatting
2 parents bb075d4 + 34d788d commit ddaa469

File tree

13 files changed

+165
-177
lines changed

13 files changed

+165
-177
lines changed

‎.prettierrc

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
"printWidth": 150,
77
"plugins": ["prettier-plugin-organize-imports", "prettier-plugin-tailwindcss"],
88
"tailwindFunctions": ["clsx", "cn"],
9+
"tailwindStylesheet": "resources/css/app.css",
910
"tabWidth": 4,
1011
"overrides": [
1112
{

‎resources/css/app.css

Lines changed: 122 additions & 128 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,61 @@
11
@import 'tailwindcss';
22

3-
@import "tw-animate-css";
3+
@import 'tw-animate-css';
44

55
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
66
@source '../../storage/framework/views/*.php';
77

88
@custom-variant dark (&:is(.dark *));
99

1010
@theme inline {
11-
--font-sans:
12-
Instrument Sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
13-
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
11+
--font-sans: Instrument Sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
1412

15-
--radius-lg: var(--radius);
16-
--radius-md: calc(var(--radius) - 2px);
17-
--radius-sm: calc(var(--radius) - 4px);
13+
--radius-lg: var(--radius);
14+
--radius-md: calc(var(--radius) - 2px);
15+
--radius-sm: calc(var(--radius) - 4px);
1816

19-
--color-background: var(--background);
20-
--color-foreground: var(--foreground);
17+
--color-background: var(--background);
18+
--color-foreground: var(--foreground);
2119

22-
--color-card: var(--card);
23-
--color-card-foreground: var(--card-foreground);
20+
--color-card: var(--card);
21+
--color-card-foreground: var(--card-foreground);
2422

25-
--color-popover: var(--popover);
26-
--color-popover-foreground: var(--popover-foreground);
23+
--color-popover: var(--popover);
24+
--color-popover-foreground: var(--popover-foreground);
2725

28-
--color-primary: var(--primary);
29-
--color-primary-foreground: var(--primary-foreground);
26+
--color-primary: var(--primary);
27+
--color-primary-foreground: var(--primary-foreground);
3028

31-
--color-secondary: var(--secondary);
32-
--color-secondary-foreground: var(--secondary-foreground);
29+
--color-secondary: var(--secondary);
30+
--color-secondary-foreground: var(--secondary-foreground);
3331

34-
--color-muted: var(--muted);
35-
--color-muted-foreground: var(--muted-foreground);
32+
--color-muted: var(--muted);
33+
--color-muted-foreground: var(--muted-foreground);
3634

37-
--color-accent: var(--accent);
38-
--color-accent-foreground: var(--accent-foreground);
35+
--color-accent: var(--accent);
36+
--color-accent-foreground: var(--accent-foreground);
3937

40-
--color-destructive: var(--destructive);
41-
--color-destructive-foreground: var(--destructive-foreground);
38+
--color-destructive: var(--destructive);
39+
--color-destructive-foreground: var(--destructive-foreground);
4240

43-
--color-border: var(--border);
44-
--color-input: var(--input);
45-
--color-ring: var(--ring);
41+
--color-border: var(--border);
42+
--color-input: var(--input);
43+
--color-ring: var(--ring);
4644

47-
--color-chart-1: var(--chart-1);
48-
--color-chart-2: var(--chart-2);
49-
--color-chart-3: var(--chart-3);
50-
--color-chart-4: var(--chart-4);
51-
--color-chart-5: var(--chart-5);
45+
--color-chart-1: var(--chart-1);
46+
--color-chart-2: var(--chart-2);
47+
--color-chart-3: var(--chart-3);
48+
--color-chart-4: var(--chart-4);
49+
--color-chart-5: var(--chart-5);
5250

53-
--color-sidebar: var(--sidebar-background);
54-
--color-sidebar-foreground: var(--sidebar-foreground);
55-
--color-sidebar-primary: var(--sidebar-primary);
56-
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
57-
--color-sidebar-accent: var(--sidebar-accent);
58-
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
59-
--color-sidebar-border: var(--sidebar-border);
60-
--color-sidebar-ring: var(--sidebar-ring);
51+
--color-sidebar: var(--sidebar-background);
52+
--color-sidebar-foreground: var(--sidebar-foreground);
53+
--color-sidebar-primary: var(--sidebar-primary);
54+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
55+
--color-sidebar-accent: var(--sidebar-accent);
56+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
57+
--color-sidebar-border: var(--sidebar-border);
58+
--color-sidebar-ring: var(--sidebar-ring);
6159
}
6260

6361
/*
@@ -69,105 +67,101 @@
6967
color utility to any element that depends on these defaults.
7068
*/
7169
@layer base {
72-
*,
73-
::after,
74-
::before,
75-
::backdrop,
76-
::file-selector-button {
77-
border-color: var(--color-gray-200, currentColor);
78-
}
70+
*,
71+
::after,
72+
::before,
73+
::backdrop,
74+
::file-selector-button {
75+
border-color: var(--color-gray-200, currentColor);
76+
}
7977
}
8078

8179
@layer utilities {
82-
body,
83-
html {
84-
--font-sans:
85-
'Instrument Sans', ui-sans-serif, system-ui, sans-serif,
86-
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
87-
'Noto Color Emoji';
88-
}
80+
body,
81+
html {
82+
--font-sans:
83+
'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
84+
}
8985
}
9086

9187
:root {
92-
--background: hsl(0 0% 100%);
93-
--foreground: hsl(0 0% 3.9%);
94-
--card: hsl(0 0% 100%);
95-
--card-foreground: hsl(0 0% 3.9%);
96-
--popover: hsl(0 0% 100%);
97-
--popover-foreground: hsl(0 0% 3.9%);
98-
--primary: hsl(0 0% 9%);
99-
--primary-foreground: hsl(0 0% 98%);
100-
--secondary: hsl(0 0% 92.1%);
101-
--secondary-foreground: hsl(0 0% 9%);
102-
--muted: hsl(0 0% 96.1%);
103-
--muted-foreground: hsl(0 0% 45.1%);
104-
--accent: hsl(0 0% 96.1%);
105-
--accent-foreground: hsl(0 0% 9%);
106-
--destructive: hsl(0 84.2% 60.2%);
107-
--destructive-foreground: hsl(0 0% 98%);
108-
--border: hsl(0 0% 92.8%);
109-
--input: hsl(0 0% 89.8%);
110-
--ring: hsl(0 0% 3.9%);
111-
--chart-1: hsl(12 76% 61%);
112-
--chart-2: hsl(173 58% 39%);
113-
--chart-3: hsl(197 37% 24%);
114-
--chart-4: hsl(43 74% 66%);
115-
--chart-5: hsl(27 87% 67%);
116-
--radius: 0.5rem;
117-
--sidebar-background: hsl(0 0% 98%);
118-
--sidebar-foreground: hsl(240 5.3% 26.1%);
119-
--sidebar-primary: hsl(0 0% 10%);
120-
--sidebar-primary-foreground: hsl(0 0% 98%);
121-
--sidebar-accent: hsl(0 0% 94%);
122-
--sidebar-accent-foreground: hsl(0 0% 30%);
123-
--sidebar-border: hsl(0 0% 91%);
124-
--sidebar-ring: hsl(217.2 91.2% 59.8%);
125-
--sidebar:
126-
hsl(0 0% 98%);
88+
--background: hsl(0 0% 100%);
89+
--foreground: hsl(0 0% 3.9%);
90+
--card: hsl(0 0% 100%);
91+
--card-foreground: hsl(0 0% 3.9%);
92+
--popover: hsl(0 0% 100%);
93+
--popover-foreground: hsl(0 0% 3.9%);
94+
--primary: hsl(0 0% 9%);
95+
--primary-foreground: hsl(0 0% 98%);
96+
--secondary: hsl(0 0% 92.1%);
97+
--secondary-foreground: hsl(0 0% 9%);
98+
--muted: hsl(0 0% 96.1%);
99+
--muted-foreground: hsl(0 0% 45.1%);
100+
--accent: hsl(0 0% 96.1%);
101+
--accent-foreground: hsl(0 0% 9%);
102+
--destructive: hsl(0 84.2% 60.2%);
103+
--destructive-foreground: hsl(0 0% 98%);
104+
--border: hsl(0 0% 92.8%);
105+
--input: hsl(0 0% 89.8%);
106+
--ring: hsl(0 0% 3.9%);
107+
--chart-1: hsl(12 76% 61%);
108+
--chart-2: hsl(173 58% 39%);
109+
--chart-3: hsl(197 37% 24%);
110+
--chart-4: hsl(43 74% 66%);
111+
--chart-5: hsl(27 87% 67%);
112+
--radius: 0.5rem;
113+
--sidebar-background: hsl(0 0% 98%);
114+
--sidebar-foreground: hsl(240 5.3% 26.1%);
115+
--sidebar-primary: hsl(0 0% 10%);
116+
--sidebar-primary-foreground: hsl(0 0% 98%);
117+
--sidebar-accent: hsl(0 0% 94%);
118+
--sidebar-accent-foreground: hsl(0 0% 30%);
119+
--sidebar-border: hsl(0 0% 91%);
120+
--sidebar-ring: hsl(217.2 91.2% 59.8%);
121+
--sidebar: hsl(0 0% 98%);
127122
}
128123

129124
.dark {
130-
--background: hsl(0 0% 3.9%);
131-
--foreground: hsl(0 0% 98%);
132-
--card: hsl(0 0% 3.9%);
133-
--card-foreground: hsl(0 0% 98%);
134-
--popover: hsl(0 0% 3.9%);
135-
--popover-foreground: 0 0% 98%;
136-
--primary: hsl(0 0% 98%);
137-
--primary-foreground: hsl(0 0% 9%);
138-
--secondary: hsl(0 0% 14.9%);
139-
--secondary-foreground: hsl(0 0% 98%);
140-
--muted: hsl(0 0% 16.08%);
141-
--muted-foreground: hsl(0 0% 63.9%);
142-
--accent: hsl(0 0% 14.9%);
143-
--accent-foreground: hsl(0 0% 98%);
144-
--destructive: hsl(0 84% 60%);
145-
--destructive-foreground: hsl(0 0% 98%);
146-
--border: hsl(0 0% 14.9%);
147-
--input: hsl(0 0% 14.9%);
148-
--ring: hsl(0 0% 83.1%);
149-
--chart-1: hsl(220 70% 50%);
150-
--chart-2: hsl(160 60% 45%);
151-
--chart-3: hsl(30 80% 55%);
152-
--chart-4: hsl(280 65% 60%);
153-
--chart-5: hsl(340 75% 55%);
154-
--sidebar-background: hsl(0 0% 7%);
155-
--sidebar-foreground: hsl(0 0% 95.9%);
156-
--sidebar-primary: hsl(360, 100%, 100%);
157-
--sidebar-primary-foreground: hsl(0 0% 100%);
158-
--sidebar-accent: hsl(0 0% 15.9%);
159-
--sidebar-accent-foreground: hsl(240 4.8% 95.9%);
160-
--sidebar-border: hsl(0 0% 15.9%);
161-
--sidebar-ring: hsl(217.2 91.2% 59.8%);
162-
--sidebar:
163-
hsl(240 5.9% 10%);
125+
--background: hsl(0 0% 3.9%);
126+
--foreground: hsl(0 0% 98%);
127+
--card: hsl(0 0% 3.9%);
128+
--card-foreground: hsl(0 0% 98%);
129+
--popover: hsl(0 0% 3.9%);
130+
--popover-foreground: 0 0% 98%;
131+
--primary: hsl(0 0% 98%);
132+
--primary-foreground: hsl(0 0% 9%);
133+
--secondary: hsl(0 0% 14.9%);
134+
--secondary-foreground: hsl(0 0% 98%);
135+
--muted: hsl(0 0% 16.08%);
136+
--muted-foreground: hsl(0 0% 63.9%);
137+
--accent: hsl(0 0% 14.9%);
138+
--accent-foreground: hsl(0 0% 98%);
139+
--destructive: hsl(0 84% 60%);
140+
--destructive-foreground: hsl(0 0% 98%);
141+
--border: hsl(0 0% 14.9%);
142+
--input: hsl(0 0% 14.9%);
143+
--ring: hsl(0 0% 83.1%);
144+
--chart-1: hsl(220 70% 50%);
145+
--chart-2: hsl(160 60% 45%);
146+
--chart-3: hsl(30 80% 55%);
147+
--chart-4: hsl(280 65% 60%);
148+
--chart-5: hsl(340 75% 55%);
149+
--sidebar-background: hsl(0 0% 7%);
150+
--sidebar-foreground: hsl(0 0% 95.9%);
151+
--sidebar-primary: hsl(360, 100%, 100%);
152+
--sidebar-primary-foreground: hsl(0 0% 100%);
153+
--sidebar-accent: hsl(0 0% 15.9%);
154+
--sidebar-accent-foreground: hsl(240 4.8% 95.9%);
155+
--sidebar-border: hsl(0 0% 15.9%);
156+
--sidebar-ring: hsl(217.2 91.2% 59.8%);
157+
--sidebar: hsl(240 5.9% 10%);
164158
}
165159

166160
@layer base {
167-
* {
168-
@apply border-border outline-ring/50;
169-
}
170-
body {
171-
@apply bg-background text-foreground;
172-
}
161+
* {
162+
@apply border-border outline-ring/50;
163+
}
164+
body {
165+
@apply bg-background text-foreground;
166+
}
173167
}

‎resources/js/app.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ declare module 'vite/client' {
2323
const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
2424

2525
createInertiaApp({
26-
title: (title) => title ? `${title} - ${appName}` : appName,
26+
title: (title) => (title ? `${title} - ${appName}` : appName),
2727
resolve: (name) => resolvePageComponent(`./pages/${name}.vue`, import.meta.glob<DefineComponent>('./pages/**/*.vue')),
2828
setup({ el, App, props, plugin }) {
2929
createApp({ render: () => h(App, props) })

‎resources/js/components/AppHeader.vue

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,7 @@ import Breadcrumbs from '@/components/Breadcrumbs.vue';
55
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
66
import { Button } from '@/components/ui/button';
77
import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from '@/components/ui/dropdown-menu';
8-
import {
9-
NavigationMenu,
10-
NavigationMenuItem,
11-
NavigationMenuList,
12-
navigationMenuTriggerStyle,
13-
} from '@/components/ui/navigation-menu';
8+
import { NavigationMenu, NavigationMenuItem, NavigationMenuList, navigationMenuTriggerStyle } from '@/components/ui/navigation-menu';
149
import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from '@/components/ui/sheet';
1510
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
1611
import UserMenuContent from '@/components/UserMenuContent.vue';

‎resources/js/components/AppLogo.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,6 @@ import AppLogoIcon from '@/components/AppLogoIcon.vue';
77
<AppLogoIcon class="size-5 fill-current text-white dark:text-black" />
88
</div>
99
<div class="ml-1 grid flex-1 text-left text-sm">
10-
<span class="mb-0.5 truncate font-semibold leading-tight">Laravel Starter Kit</span>
10+
<span class="mb-0.5 truncate leading-tight font-semibold">Laravel Starter Kit</span>
1111
</div>
1212
</template>

‎resources/js/components/AppShell.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<script setup lang="ts">
22
import { SidebarProvider } from '@/components/ui/sidebar';
3-
import { usePage } from '@inertiajs/vue3';
43
import { SharedData } from '@/types';
4+
import { usePage } from '@inertiajs/vue3';
55
66
interface Props {
77
variant?: 'header' | 'sidebar';

‎resources/js/components/AppSidebarHeader.vue

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,14 @@ import Breadcrumbs from '@/components/Breadcrumbs.vue';
33
import { SidebarTrigger } from '@/components/ui/sidebar';
44
import type { BreadcrumbItemType } from '@/types';
55
6-
withDefaults(defineProps<{
7-
breadcrumbs?: BreadcrumbItemType[];
8-
}>(),{
9-
breadcrumbs:()=>[]
10-
});
6+
withDefaults(
7+
defineProps<{
8+
breadcrumbs?: BreadcrumbItemType[];
9+
}>(),
10+
{
11+
breadcrumbs: () => [],
12+
},
13+
);
1114
</script>
1215

1316
<template>

‎resources/js/components/DeleteUser.vue

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -59,9 +59,7 @@ const closeModal = () => {
5959
<Button variant="secondary" @click="closeModal"> Cancel </Button>
6060
</DialogClose>
6161

62-
<Button type="submit" variant="destructive" :disabled="form.processing">
63-
Delete account
64-
</Button>
62+
<Button type="submit" variant="destructive" :disabled="form.processing"> Delete account </Button>
6563
</DialogFooter>
6664
</form>
6765
</DialogContent>

‎resources/js/components/NavMain.vue

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -15,10 +15,7 @@ const page = usePage<SharedData>();
1515
<SidebarGroupLabel>Platform</SidebarGroupLabel>
1616
<SidebarMenu>
1717
<SidebarMenuItem v-for="item in items" :key="item.title">
18-
<SidebarMenuButton
19-
as-child :is-active="item.href === page.url"
20-
:tooltip="item.title"
21-
>
18+
<SidebarMenuButton as-child :is-active="item.href === page.url" :tooltip="item.title">
2219
<Link :href="item.href">
2320
<component :is="item.icon" />
2421
<span>{{ item.title }}</span>

‎resources/js/components/NavUser.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ const { isMobile, state } = useSidebar();
2222
<ChevronsUpDown class="ml-auto size-4" />
2323
</SidebarMenuButton>
2424
</DropdownMenuTrigger>
25-
<DropdownMenuContent
25+
<DropdownMenuContent
2626
class="w-(--reka-dropdown-menu-trigger-width) min-w-56 rounded-lg"
2727
:side="isMobile ? 'bottom' : state === 'collapsed' ? 'left' : 'bottom'"
2828
align="end"

0 commit comments

Comments
 (0)