npm - @tower_74/cms-app - Versions diffs - 0.1.0 - Mend

@tower_74/cms-app 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (189) hide show

package/README.md +102 -0
package/package.json +49 -0
package/src/components/AppContent.vue +21 -0
package/src/components/AppLogoIcon.vue +24 -0
package/src/components/AppShell.vue +37 -0
package/src/components/AppearanceTabs.vue +37 -0
package/src/components/AuthBar.vue +58 -0
package/src/components/BlockEditor.vue +95 -0
package/src/components/DeleteUser.vue +87 -0
package/src/components/FieldBuilder.vue +105 -0
package/src/components/Heading.vue +20 -0
package/src/components/HeadingSmall.vue +17 -0
package/src/components/Icon.vue +30 -0
package/src/components/InputError.vue +13 -0
package/src/components/MenuItemsEditor.vue +59 -0
package/src/components/NavUser.vue +30 -0
package/src/components/Pagination.vue +28 -0
package/src/components/PlaceholderPattern.vue +16 -0
package/src/components/Seo.vue +28 -0
package/src/components/TextLink.vue +24 -0
package/src/components/UserInfo.vue +34 -0
package/src/components/UserMenuContent.vue +37 -0
package/src/components/commerce/OptionsEditor.vue +55 -0
package/src/components/commerce/VariantsEditor.vue +71 -0
package/src/components/ui/avatar/Avatar.vue +24 -0
package/src/components/ui/avatar/AvatarFallback.vue +11 -0
package/src/components/ui/avatar/AvatarImage.vue +9 -0
package/src/components/ui/avatar/index.ts +24 -0
package/src/components/ui/breadcrumb/Breadcrumb.vue +13 -0
package/src/components/ui/breadcrumb/BreadcrumbEllipsis.vue +18 -0
package/src/components/ui/breadcrumb/BreadcrumbItem.vue +14 -0
package/src/components/ui/breadcrumb/BreadcrumbLink.vue +15 -0
package/src/components/ui/breadcrumb/BreadcrumbList.vue +14 -0
package/src/components/ui/breadcrumb/BreadcrumbPage.vue +14 -0
package/src/components/ui/breadcrumb/BreadcrumbSeparator.vue +17 -0
package/src/components/ui/breadcrumb/index.ts +7 -0
package/src/components/ui/button/Button.vue +22 -0
package/src/components/ui/button/index.ts +31 -0
package/src/components/ui/card/Card.vue +14 -0
package/src/components/ui/card/CardContent.vue +14 -0
package/src/components/ui/card/CardDescription.vue +14 -0
package/src/components/ui/card/CardFooter.vue +14 -0
package/src/components/ui/card/CardHeader.vue +14 -0
package/src/components/ui/card/CardTitle.vue +14 -0
package/src/components/ui/card/index.ts +6 -0
package/src/components/ui/checkbox/Checkbox.vue +36 -0
package/src/components/ui/checkbox/index.ts +1 -0
package/src/components/ui/collapsible/Collapsible.vue +15 -0
package/src/components/ui/collapsible/CollapsibleContent.vue +14 -0
package/src/components/ui/collapsible/CollapsibleTrigger.vue +11 -0
package/src/components/ui/collapsible/index.ts +3 -0
package/src/components/ui/dialog/Dialog.vue +14 -0
package/src/components/ui/dialog/DialogClose.vue +11 -0
package/src/components/ui/dialog/DialogContent.vue +51 -0
package/src/components/ui/dialog/DialogDescription.vue +21 -0
package/src/components/ui/dialog/DialogFooter.vue +12 -0
package/src/components/ui/dialog/DialogHeader.vue +14 -0
package/src/components/ui/dialog/DialogScrollContent.vue +59 -0
package/src/components/ui/dialog/DialogTitle.vue +21 -0
package/src/components/ui/dialog/DialogTrigger.vue +11 -0
package/src/components/ui/dialog/index.ts +9 -0
package/src/components/ui/dropdown-menu/DropdownMenu.vue +14 -0
package/src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue +42 -0
package/src/components/ui/dropdown-menu/DropdownMenuContent.vue +40 -0
package/src/components/ui/dropdown-menu/DropdownMenuGroup.vue +11 -0
package/src/components/ui/dropdown-menu/DropdownMenuItem.vue +30 -0
package/src/components/ui/dropdown-menu/DropdownMenuLabel.vue +21 -0
package/src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue +14 -0
package/src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue +43 -0
package/src/components/ui/dropdown-menu/DropdownMenuSeparator.vue +21 -0
package/src/components/ui/dropdown-menu/DropdownMenuShortcut.vue +14 -0
package/src/components/ui/dropdown-menu/DropdownMenuSub.vue +14 -0
package/src/components/ui/dropdown-menu/DropdownMenuSubContent.vue +30 -0
package/src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue +31 -0
package/src/components/ui/dropdown-menu/DropdownMenuTrigger.vue +13 -0
package/src/components/ui/dropdown-menu/index.ts +16 -0
package/src/components/ui/input/Input.vue +32 -0
package/src/components/ui/input/index.ts +1 -0
package/src/components/ui/label/Label.vue +22 -0
package/src/components/ui/label/index.ts +1 -0
package/src/components/ui/navigation-menu/NavigationMenu.vue +25 -0
package/src/components/ui/navigation-menu/NavigationMenuContent.vue +31 -0
package/src/components/ui/navigation-menu/NavigationMenuIndicator.vue +29 -0
package/src/components/ui/navigation-menu/NavigationMenuItem.vue +11 -0
package/src/components/ui/navigation-menu/NavigationMenuLink.vue +14 -0
package/src/components/ui/navigation-menu/NavigationMenuList.vue +21 -0
package/src/components/ui/navigation-menu/NavigationMenuTrigger.vue +24 -0
package/src/components/ui/navigation-menu/NavigationMenuViewport.vue +29 -0
package/src/components/ui/navigation-menu/index.ts +14 -0
package/src/components/ui/separator/Separator.vue +31 -0
package/src/components/ui/separator/index.ts +1 -0
package/src/components/ui/sheet/Sheet.vue +14 -0
package/src/components/ui/sheet/SheetClose.vue +11 -0
package/src/components/ui/sheet/SheetContent.vue +53 -0
package/src/components/ui/sheet/SheetDescription.vue +19 -0
package/src/components/ui/sheet/SheetFooter.vue +12 -0
package/src/components/ui/sheet/SheetHeader.vue +12 -0
package/src/components/ui/sheet/SheetTitle.vue +19 -0
package/src/components/ui/sheet/SheetTrigger.vue +11 -0
package/src/components/ui/sheet/index.ts +29 -0
package/src/components/ui/sidebar/Sidebar.vue +99 -0
package/src/components/ui/sidebar/SidebarContent.vue +17 -0
package/src/components/ui/sidebar/SidebarFooter.vue +14 -0
package/src/components/ui/sidebar/SidebarGroup.vue +14 -0
package/src/components/ui/sidebar/SidebarGroupAction.vue +31 -0
package/src/components/ui/sidebar/SidebarGroupContent.vue +14 -0
package/src/components/ui/sidebar/SidebarGroupLabel.vue +29 -0
package/src/components/ui/sidebar/SidebarHeader.vue +14 -0
package/src/components/ui/sidebar/SidebarInput.vue +15 -0
package/src/components/ui/sidebar/SidebarInset.vue +22 -0
package/src/components/ui/sidebar/SidebarMenu.vue +14 -0
package/src/components/ui/sidebar/SidebarMenuAction.vue +41 -0
package/src/components/ui/sidebar/SidebarMenuBadge.vue +27 -0
package/src/components/ui/sidebar/SidebarMenuButton.vue +52 -0
package/src/components/ui/sidebar/SidebarMenuButtonChild.vue +33 -0
package/src/components/ui/sidebar/SidebarMenuItem.vue +14 -0
package/src/components/ui/sidebar/SidebarMenuSkeleton.vue +22 -0
package/src/components/ui/sidebar/SidebarMenuSub.vue +23 -0
package/src/components/ui/sidebar/SidebarMenuSubButton.vue +42 -0
package/src/components/ui/sidebar/SidebarMenuSubItem.vue +7 -0
package/src/components/ui/sidebar/SidebarProvider.vue +89 -0
package/src/components/ui/sidebar/SidebarRail.vue +34 -0
package/src/components/ui/sidebar/SidebarSeparator.vue +15 -0
package/src/components/ui/sidebar/SidebarTrigger.vue +20 -0
package/src/components/ui/sidebar/index.ts +51 -0
package/src/components/ui/sidebar/utils.ts +19 -0
package/src/components/ui/skeleton/Skeleton.vue +14 -0
package/src/components/ui/skeleton/index.ts +1 -0
package/src/components/ui/tooltip/Tooltip.vue +14 -0
package/src/components/ui/tooltip/TooltipContent.vue +39 -0
package/src/components/ui/tooltip/TooltipProvider.vue +11 -0
package/src/components/ui/tooltip/TooltipTrigger.vue +11 -0
package/src/components/ui/tooltip/index.ts +4 -0
package/src/composables/useAppearance.ts +53 -0
package/src/composables/useInitials.ts +14 -0
package/src/index.ts +22 -0
package/src/layouts/AdminLayout.vue +170 -0
package/src/layouts/AuthLayout.vue +14 -0
package/src/layouts/PublicLayout.vue +53 -0
package/src/layouts/auth/AuthCardLayout.vue +36 -0
package/src/layouts/auth/AuthSimpleLayout.vue +31 -0
package/src/layouts/auth/AuthSplitLayout.vue +40 -0
package/src/layouts/settings/Layout.vue +56 -0
package/src/lib/utils.ts +6 -0
package/src/pages/Admin/Appearance/Theme.vue +58 -0
package/src/pages/Admin/Appearance/Widgets.vue +48 -0
package/src/pages/Admin/Commerce/Orders/Index.vue +80 -0
package/src/pages/Admin/Commerce/Orders/Show.vue +200 -0
package/src/pages/Admin/Commerce/Products/Edit.vue +167 -0
package/src/pages/Admin/Commerce/Products/Index.vue +65 -0
package/src/pages/Admin/Content/Edit.vue +170 -0
package/src/pages/Admin/Content/Index.vue +88 -0
package/src/pages/Admin/Content/Preview.vue +25 -0
package/src/pages/Admin/Dashboard.vue +26 -0
package/src/pages/Admin/Forms/Edit.vue +98 -0
package/src/pages/Admin/Forms/Index.vue +68 -0
package/src/pages/Admin/Forms/Submissions/Index.vue +68 -0
package/src/pages/Admin/Forms/Submissions/Show.vue +47 -0
package/src/pages/Admin/Media/Index.vue +75 -0
package/src/pages/Admin/Menus/Create.vue +37 -0
package/src/pages/Admin/Menus/Edit.vue +54 -0
package/src/pages/Admin/Menus/Index.vue +52 -0
package/src/pages/Admin/Settings/Index.vue +184 -0
package/src/pages/Admin/Taxonomy/Edit.vue +83 -0
package/src/pages/Admin/Taxonomy/Index.vue +68 -0
package/src/pages/Admin/Users/Edit.vue +82 -0
package/src/pages/Admin/Users/Index.vue +74 -0
package/src/pages/Public/Cart/Index.vue +108 -0
package/src/pages/Public/Checkout/Confirmation.vue +110 -0
package/src/pages/Public/Checkout/Index.vue +174 -0
package/src/pages/Public/Index.vue +54 -0
package/src/pages/Public/Shop/Index.vue +39 -0
package/src/pages/Public/Shop/Show.vue +46 -0
package/src/pages/Public/Show.vue +41 -0
package/src/pages/Setup/Complete.vue +53 -0
package/src/pages/Setup/Index.vue +85 -0
package/src/pages/Welcome.vue +787 -0
package/src/pages/auth/ConfirmPassword.vue +53 -0
package/src/pages/auth/ForgotPassword.vue +54 -0
package/src/pages/auth/Login.vue +91 -0
package/src/pages/auth/Register.vue +83 -0
package/src/pages/auth/ResetPassword.vue +81 -0
package/src/pages/auth/VerifyEmail.vue +36 -0
package/src/pages/settings/Appearance.vue +23 -0
package/src/pages/settings/Password.vue +120 -0
package/src/pages/settings/Profile.vue +105 -0
package/src/pages.ts +9 -0
package/src/types/index.ts +42 -0
package/src/types/ziggy.ts +12 -0

package/src/pages/auth/ConfirmPassword.vue ADDED Viewed

@@ -0,0 +1,53 @@
+<script setup lang="ts">
+import InputError from '@/components/InputError.vue';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import AuthLayout from '@/layouts/AuthLayout.vue';
+import { Head, useForm } from '@inertiajs/vue3';
+import { LoaderCircle } from 'lucide-vue-next';
+const form = useForm({
+    password: '',
+});
+const submit = () => {
+    form.post(route('password.confirm'), {
+        onFinish: () => {
+            form.reset();
+        },
+    });
+};
+</script>
+<template>
+    <AuthLayout title="Confirm your password" description="This is a secure area of the application. Please confirm your password before continuing.">
+        <Head title="Confirm password" />
+        <form @submit.prevent="submit">
+            <div class="space-y-6">
+                <div class="grid gap-2">
+                    <Label htmlFor="password">Password</Label>
+                    <Input
+                        id="password"
+                        type="password"
+                        class="mt-1 block w-full"
+                        v-model="form.password"
+                        required
+                        autocomplete="current-password"
+                        autofocus
+                    />
+                    <InputError :message="form.errors.password" />
+                </div>
+                <div class="flex items-center">
+                    <Button class="w-full" :disabled="form.processing">
+                        <LoaderCircle v-if="form.processing" class="h-4 w-4 animate-spin" />
+                        Confirm Password
+                    </Button>
+                </div>
+            </div>
+        </form>
+    </AuthLayout>
+</template>

package/src/pages/auth/ForgotPassword.vue ADDED Viewed

@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import InputError from '@/components/InputError.vue';
+import TextLink from '@/components/TextLink.vue';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import AuthLayout from '@/layouts/AuthLayout.vue';
+import { Head, useForm } from '@inertiajs/vue3';
+import { LoaderCircle } from 'lucide-vue-next';
+defineProps<{
+    status?: string;
+}>();
+const form = useForm({
+    email: '',
+});
+const submit = () => {
+    form.post(route('password.email'));
+};
+</script>
+<template>
+    <AuthLayout title="Forgot password" description="Enter your email to receive a password reset link">
+        <Head title="Forgot password" />
+        <div v-if="status" class="mb-4 text-center text-sm font-medium text-green-600">
+            {{ status }}
+        </div>
+        <div class="space-y-6">
+            <form @submit.prevent="submit">
+                <div class="grid gap-2">
+                    <Label for="email">Email address</Label>
+                    <Input id="email" type="email" name="email" autocomplete="off" v-model="form.email" autofocus placeholder="email@example.com" />
+                    <InputError :message="form.errors.email" />
+                </div>
+                <div class="my-6 flex items-center justify-start">
+                    <Button class="w-full" :disabled="form.processing">
+                        <LoaderCircle v-if="form.processing" class="h-4 w-4 animate-spin" />
+                        Email password reset link
+                    </Button>
+                </div>
+            </form>
+            <div class="space-x-1 text-center text-sm text-muted-foreground">
+                <span>Or, return to</span>
+                <TextLink :href="route('login')">log in</TextLink>
+            </div>
+        </div>
+    </AuthLayout>
+</template>

package/src/pages/auth/Login.vue ADDED Viewed

@@ -0,0 +1,91 @@
+<script setup lang="ts">
+import InputError from '@/components/InputError.vue';
+import TextLink from '@/components/TextLink.vue';
+import { Button } from '@/components/ui/button';
+import { Checkbox } from '@/components/ui/checkbox';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import AuthBase from '@/layouts/AuthLayout.vue';
+import { Head, useForm } from '@inertiajs/vue3';
+import { LoaderCircle } from 'lucide-vue-next';
+defineProps<{
+    status?: string;
+    canResetPassword: boolean;
+}>();
+const form = useForm({
+    email: '',
+    password: '',
+    remember: false,
+});
+const submit = () => {
+    form.post(route('login'), {
+        onFinish: () => form.reset('password'),
+    });
+};
+</script>
+<template>
+    <AuthBase title="Log in to your account" description="Enter your email and password below to log in">
+        <Head title="Log in" />
+        <div v-if="status" class="mb-4 text-center text-sm font-medium text-green-600">
+            {{ status }}
+        </div>
+        <form @submit.prevent="submit" class="flex flex-col gap-6">
+            <div class="grid gap-6">
+                <div class="grid gap-2">
+                    <Label for="email">Email address</Label>
+                    <Input
+                        id="email"
+                        type="email"
+                        required
+                        autofocus
+                        tabindex="1"
+                        autocomplete="email"
+                        v-model="form.email"
+                        placeholder="email@example.com"
+                    />
+                    <InputError :message="form.errors.email" />
+                </div>
+                <div class="grid gap-2">
+                    <div class="flex items-center justify-between">
+                        <Label for="password">Password</Label>
+                        <TextLink v-if="canResetPassword" :href="route('password.request')" class="text-sm" tabindex="5"> Forgot password? </TextLink>
+                    </div>
+                    <Input
+                        id="password"
+                        type="password"
+                        required
+                        tabindex="2"
+                        autocomplete="current-password"
+                        v-model="form.password"
+                        placeholder="Password"
+                    />
+                    <InputError :message="form.errors.password" />
+                </div>
+                <div class="flex items-center justify-between" tabindex="3">
+                    <Label for="remember" class="flex items-center space-x-3">
+                        <Checkbox id="remember" v-model:checked="form.remember" tabindex="4" />
+                        <span>Remember me</span>
+                    </Label>
+                </div>
+                <Button type="submit" class="mt-4 w-full" tabindex="4" :disabled="form.processing">
+                    <LoaderCircle v-if="form.processing" class="h-4 w-4 animate-spin" />
+                    Log in
+                </Button>
+            </div>
+            <div class="text-center text-sm text-muted-foreground">
+                Don't have an account?
+                <TextLink :href="route('register')" :tabindex="5">Sign up</TextLink>
+            </div>
+        </form>
+    </AuthBase>
+</template>

package/src/pages/auth/Register.vue ADDED Viewed

@@ -0,0 +1,83 @@
+<script setup lang="ts">
+import InputError from '@/components/InputError.vue';
+import TextLink from '@/components/TextLink.vue';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import AuthBase from '@/layouts/AuthLayout.vue';
+import { Head, useForm } from '@inertiajs/vue3';
+import { LoaderCircle } from 'lucide-vue-next';
+const form = useForm({
+    name: '',
+    email: '',
+    password: '',
+    password_confirmation: '',
+});
+const submit = () => {
+    form.post(route('register'), {
+        onFinish: () => form.reset('password', 'password_confirmation'),
+    });
+};
+</script>
+<template>
+    <AuthBase title="Create an account" description="Enter your details below to create your account">
+        <Head title="Register" />
+        <form @submit.prevent="submit" class="flex flex-col gap-6">
+            <div class="grid gap-6">
+                <div class="grid gap-2">
+                    <Label for="name">Name</Label>
+                    <Input id="name" type="text" required autofocus tabindex="1" autocomplete="name" v-model="form.name" placeholder="Full name" />
+                    <InputError :message="form.errors.name" />
+                </div>
+                <div class="grid gap-2">
+                    <Label for="email">Email address</Label>
+                    <Input id="email" type="email" required tabindex="2" autocomplete="email" v-model="form.email" placeholder="email@example.com" />
+                    <InputError :message="form.errors.email" />
+                </div>
+                <div class="grid gap-2">
+                    <Label for="password">Password</Label>
+                    <Input
+                        id="password"
+                        type="password"
+                        required
+                        tabindex="3"
+                        autocomplete="new-password"
+                        v-model="form.password"
+                        placeholder="Password"
+                    />
+                    <InputError :message="form.errors.password" />
+                </div>
+                <div class="grid gap-2">
+                    <Label for="password_confirmation">Confirm password</Label>
+                    <Input
+                        id="password_confirmation"
+                        type="password"
+                        required
+                        tabindex="4"
+                        autocomplete="new-password"
+                        v-model="form.password_confirmation"
+                        placeholder="Confirm password"
+                    />
+                    <InputError :message="form.errors.password_confirmation" />
+                </div>
+                <Button type="submit" class="mt-2 w-full" tabindex="5" :disabled="form.processing">
+                    <LoaderCircle v-if="form.processing" class="h-4 w-4 animate-spin" />
+                    Create account
+                </Button>
+            </div>
+            <div class="text-center text-sm text-muted-foreground">
+                Already have an account?
+                <TextLink :href="route('login')" class="underline underline-offset-4" tabindex="6">Log in</TextLink>
+            </div>
+        </form>
+    </AuthBase>
+</template>

package/src/pages/auth/ResetPassword.vue ADDED Viewed

@@ -0,0 +1,81 @@
+<script setup lang="ts">
+import InputError from '@/components/InputError.vue';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import AuthLayout from '@/layouts/AuthLayout.vue';
+import { Head, useForm } from '@inertiajs/vue3';
+import { LoaderCircle } from 'lucide-vue-next';
+interface Props {
+    token: string;
+    email: string;
+}
+const props = defineProps<Props>();
+const form = useForm({
+    token: props.token,
+    email: props.email,
+    password: '',
+    password_confirmation: '',
+});
+const submit = () => {
+    form.post(route('password.store'), {
+        onFinish: () => {
+            form.reset('password', 'password_confirmation');
+        },
+    });
+};
+</script>
+<template>
+    <AuthLayout title="Reset password" description="Please enter your new password below">
+        <Head title="Reset password" />
+        <form @submit.prevent="submit">
+            <div class="grid gap-6">
+                <div class="grid gap-2">
+                    <Label for="email">Email</Label>
+                    <Input id="email" type="email" name="email" autocomplete="email" v-model="form.email" class="mt-1 block w-full" readonly />
+                    <InputError :message="form.errors.email" class="mt-2" />
+                </div>
+                <div class="grid gap-2">
+                    <Label for="password">Password</Label>
+                    <Input
+                        id="password"
+                        type="password"
+                        name="password"
+                        autocomplete="new-password"
+                        v-model="form.password"
+                        class="mt-1 block w-full"
+                        autofocus
+                        placeholder="Password"
+                    />
+                    <InputError :message="form.errors.password" />
+                </div>
+                <div class="grid gap-2">
+                    <Label for="password_confirmation"> Confirm Password </Label>
+                    <Input
+                        id="password_confirmation"
+                        type="password"
+                        name="password_confirmation"
+                        autocomplete="new-password"
+                        v-model="form.password_confirmation"
+                        class="mt-1 block w-full"
+                        placeholder="Confirm password"
+                    />
+                    <InputError :message="form.errors.password_confirmation" />
+                </div>
+                <Button type="submit" class="mt-4 w-full" :disabled="form.processing">
+                    <LoaderCircle v-if="form.processing" class="h-4 w-4 animate-spin" />
+                    Reset password
+                </Button>
+            </div>
+        </form>
+    </AuthLayout>
+</template>

package/src/pages/auth/VerifyEmail.vue ADDED Viewed

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import TextLink from '@/components/TextLink.vue';
+import { Button } from '@/components/ui/button';
+import AuthLayout from '@/layouts/AuthLayout.vue';
+import { Head, useForm } from '@inertiajs/vue3';
+import { LoaderCircle } from 'lucide-vue-next';
+defineProps<{
+    status?: string;
+}>();
+const form = useForm({});
+const submit = () => {
+    form.post(route('verification.send'));
+};
+</script>
+<template>
+    <AuthLayout title="Verify email" description="Please verify your email address by clicking on the link we just emailed to you.">
+        <Head title="Email verification" />
+        <div v-if="status === 'verification-link-sent'" class="mb-4 text-center text-sm font-medium text-green-600">
+            A new verification link has been sent to the email address you provided during registration.
+        </div>
+        <form @submit.prevent="submit" class="space-y-6 text-center">
+            <Button :disabled="form.processing" variant="secondary">
+                <LoaderCircle v-if="form.processing" class="h-4 w-4 animate-spin" />
+                Resend verification email
+            </Button>
+            <TextLink :href="route('logout')" method="post" as="button" class="mx-auto block text-sm"> Log out </TextLink>
+        </form>
+    </AuthLayout>
+</template>

package/src/pages/settings/Appearance.vue ADDED Viewed

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { Head } from '@inertiajs/vue3';
+import AppearanceTabs from '@/components/AppearanceTabs.vue';
+import HeadingSmall from '@/components/HeadingSmall.vue';
+import AdminLayout from '@/layouts/AdminLayout.vue';
+import SettingsLayout from '@/layouts/settings/Layout.vue';
+</script>
+<template>
+    <AdminLayout>
+        <template #title>Settings</template>
+        <Head title="Appearance settings" />
+        <SettingsLayout>
+            <div class="space-y-6">
+                <HeadingSmall title="Appearance settings" description="Update your account's appearance settings" />
+                <AppearanceTabs />
+            </div>
+        </SettingsLayout>
+    </AdminLayout>
+</template>

package/src/pages/settings/Password.vue ADDED Viewed

@@ -0,0 +1,120 @@
+<script setup lang="ts">
+import InputError from '@/components/InputError.vue';
+import AdminLayout from '@/layouts/AdminLayout.vue';
+import SettingsLayout from '@/layouts/settings/Layout.vue';
+import { TransitionRoot } from '@headlessui/vue';
+import { Head, useForm } from '@inertiajs/vue3';
+import { ref } from 'vue';
+import HeadingSmall from '@/components/HeadingSmall.vue';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+interface Props {
+    className?: string;
+}
+defineProps<Props>();
+const passwordInput = ref<HTMLInputElement>();
+const currentPasswordInput = ref<HTMLInputElement>();
+const form = useForm({
+    current_password: '',
+    password: '',
+    password_confirmation: '',
+});
+const updatePassword = () => {
+    form.put(route('password.update'), {
+        preserveScroll: true,
+        onSuccess: () => form.reset(),
+        onError: (errors: any) => {
+            if (errors.password) {
+                form.reset('password', 'password_confirmation');
+                if (passwordInput.value instanceof HTMLInputElement) {
+                    passwordInput.value.focus();
+                }
+            }
+            if (errors.current_password) {
+                form.reset('current_password');
+                if (currentPasswordInput.value instanceof HTMLInputElement) {
+                    currentPasswordInput.value.focus();
+                }
+            }
+        },
+    });
+};
+</script>
+<template>
+    <AdminLayout>
+        <template #title>Settings</template>
+        <Head title="Profile settings" />
+        <SettingsLayout>
+            <div class="space-y-6">
+                <HeadingSmall title="Update password" description="Ensure your account is using a long, random password to stay secure" />
+                <form @submit.prevent="updatePassword" class="space-y-6">
+                    <div class="grid gap-2">
+                        <Label for="current_password">Current Password</Label>
+                        <Input
+                            id="current_password"
+                            ref="currentPasswordInput"
+                            v-model="form.current_password"
+                            type="password"
+                            class="mt-1 block w-full"
+                            autocomplete="current-password"
+                            placeholder="Current password"
+                        />
+                        <InputError :message="form.errors.current_password" />
+                    </div>
+                    <div class="grid gap-2">
+                        <Label for="password">New password</Label>
+                        <Input
+                            id="password"
+                            ref="passwordInput"
+                            v-model="form.password"
+                            type="password"
+                            class="mt-1 block w-full"
+                            autocomplete="new-password"
+                            placeholder="New password"
+                        />
+                        <InputError :message="form.errors.password" />
+                    </div>
+                    <div class="grid gap-2">
+                        <Label for="password_confirmation">Confirm password</Label>
+                        <Input
+                            id="password_confirmation"
+                            v-model="form.password_confirmation"
+                            type="password"
+                            class="mt-1 block w-full"
+                            autocomplete="new-password"
+                            placeholder="Confirm password"
+                        />
+                        <InputError :message="form.errors.password_confirmation" />
+                    </div>
+                    <div class="flex items-center gap-4">
+                        <Button :disabled="form.processing">Save password</Button>
+                        <TransitionRoot
+                            :show="form.recentlySuccessful"
+                            enter="transition ease-in-out"
+                            enter-from="opacity-0"
+                            leave="transition ease-in-out"
+                            leave-to="opacity-0"
+                        >
+                            <p class="text-sm text-neutral-600">Saved</p>
+                        </TransitionRoot>
+                    </div>
+                </form>
+            </div>
+        </SettingsLayout>
+    </AdminLayout>
+</template>

package/src/pages/settings/Profile.vue ADDED Viewed

@@ -0,0 +1,105 @@
+<script setup lang="ts">
+import { TransitionRoot } from '@headlessui/vue';
+import { Head, Link, useForm, usePage } from '@inertiajs/vue3';
+import DeleteUser from '@/components/DeleteUser.vue';
+import HeadingSmall from '@/components/HeadingSmall.vue';
+import InputError from '@/components/InputError.vue';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Label } from '@/components/ui/label';
+import AdminLayout from '@/layouts/AdminLayout.vue';
+import SettingsLayout from '@/layouts/settings/Layout.vue';
+import { type SharedData, type User } from '@/types';
+interface Props {
+    mustVerifyEmail: boolean;
+    status?: string;
+    className?: string;
+}
+defineProps<Props>();
+const page = usePage<SharedData>();
+const user = page.props.auth.user as User;
+const form = useForm({
+    name: user.name,
+    email: user.email,
+});
+const submit = () => {
+    form.patch(route('profile.update'), {
+        preserveScroll: true,
+    });
+};
+</script>
+<template>
+    <AdminLayout>
+        <template #title>Settings</template>
+        <Head title="Profile settings" />
+        <SettingsLayout>
+            <div class="flex flex-col space-y-6">
+                <HeadingSmall title="Profile information" description="Update your name and email address" />
+                <form @submit.prevent="submit" class="space-y-6">
+                    <div class="grid gap-2">
+                        <Label for="name">Name</Label>
+                        <Input id="name" class="mt-1 block w-full" v-model="form.name" required autocomplete="name" placeholder="Full name" />
+                        <InputError class="mt-2" :message="form.errors.name" />
+                    </div>
+                    <div class="grid gap-2">
+                        <Label for="email">Email address</Label>
+                        <Input
+                            id="email"
+                            type="email"
+                            class="mt-1 block w-full"
+                            v-model="form.email"
+                            required
+                            autocomplete="username"
+                            placeholder="Email address"
+                        />
+                        <InputError class="mt-2" :message="form.errors.email" />
+                    </div>
+                    <div v-if="mustVerifyEmail && !user.email_verified_at">
+                        <p class="mt-2 text-sm text-neutral-800">
+                            Your email address is unverified.
+                            <Link
+                                :href="route('verification.send')"
+                                method="post"
+                                as="button"
+                                class="focus:outline-hidden rounded-md text-sm text-neutral-600 underline hover:text-neutral-900 focus:ring-2 focus:ring-offset-2"
+                            >
+                                Click here to re-send the verification email.
+                            </Link>
+                        </p>
+                        <div v-if="status === 'verification-link-sent'" class="mt-2 text-sm font-medium text-green-600">
+                            A new verification link has been sent to your email address.
+                        </div>
+                    </div>
+                    <div class="flex items-center gap-4">
+                        <Button :disabled="form.processing">Save</Button>
+                        <TransitionRoot
+                            :show="form.recentlySuccessful"
+                            enter="transition ease-in-out"
+                            enter-from="opacity-0"
+                            leave="transition ease-in-out"
+                            leave-to="opacity-0"
+                        >
+                            <p class="text-sm text-neutral-600">Saved.</p>
+                        </TransitionRoot>
+                    </div>
+                </form>
+            </div>
+            <DeleteUser />
+        </SettingsLayout>
+    </AdminLayout>
+</template>

package/src/pages.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import type { DefineComponent } from 'vue';
+/**
+ * Every Inertia page shipped by the CMS app shell. The glob is resolved relative to
+ * this file (packages/cms-app/src), so it captures the package's own pages. Client
+ * sites layer their own pages on top via {@link resolveCmsPage} in ./index.ts — keys
+ * from both globs share the `./pages/Name.vue` shape, so a same-named local page wins.
+ */
+export const cmsPages = import.meta.glob<DefineComponent>('./pages/**/*.vue');