kaze 0.8.0 → 0.10.0

data/stubs/inertia-vue-ts/app/javascript/Layouts/AuthenticatedLayout.vue

@@ -16,9 +16,7 @@ const { pathname = '' } = typeof window !== 'undefined' ? window.location : {}
 <template>
   <div>
     <div class="min-h-screen bg-gray-100 dark:bg-gray-900">
-      <nav
-        class="bg-white dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700"
-      >
+      <nav class="bg-white dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700">
         <!-- Primary Navigation Menu -->
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
           <div class="flex justify-between h-16">
@@ -26,20 +24,13 @@ const { pathname = '' } = typeof window !== 'undefined' ? window.location : {}
               <!-- Logo -->
               <div class="shrink-0 flex items-center">
                 <Link href="/">
-                  <ApplicationLogo
-                    class="block h-9 w-auto fill-current text-red-800 dark:text-red-200"
-                  />
+                  <ApplicationLogo class="block h-9 w-auto fill-current text-red-800 dark:text-red-200" />
                 </Link>
               </div>
 
               <!-- Navigation Links -->
               <div class="hidden space-x-8 sm:-my-px sm:ms-10 sm:flex">
-                <NavLink
-                  :href="dashboard_path()"
-                  :active="pathname.match(/dashboard/) != null"
-                >
-                  Dashboard
-                </NavLink>
+                <NavLink :href="dashboard_path()" :active="pathname.match(/dashboard/) != null"> Dashboard </NavLink>
               </div>
             </div>
 
@@ -72,16 +63,8 @@ const { pathname = '' } = typeof window !== 'undefined' ? window.location : {}
                   </template>
 
                   <template #content>
-                    <DropdownLink :href="profile_edit_path()">
-                      Profile
-                    </DropdownLink>
-                    <DropdownLink
-                      :href="logout_path()"
-                      method="post"
-                      as="button"
-                    >
-                      Log Out
-                    </DropdownLink>
+                    <DropdownLink :href="profile_edit_path()"> Profile </DropdownLink>
+                    <DropdownLink :href="logout_path()" method="post" as="button"> Log Out </DropdownLink>
                   </template>
                 </Dropdown>
               </div>
@@ -93,12 +76,7 @@ const { pathname = '' } = typeof window !== 'undefined' ? window.location : {}
                 @click="showingNavigationDropdown = !showingNavigationDropdown"
                 class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-900 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-900 focus:text-gray-500 dark:focus:text-gray-400 transition duration-150 ease-in-out"
               >
-                <svg
-                  class="h-6 w-6"
-                  stroke="currentColor"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                >
+                <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
                   <path
                     :class="{
                       hidden: showingNavigationDropdown,
@@ -134,10 +112,7 @@ const { pathname = '' } = typeof window !== 'undefined' ? window.location : {}
           class="sm:hidden"
         >
           <div class="pt-2 pb-3 space-y-1">
-            <ResponsiveNavLink
-              :href="dashboard_path()"
-              :active="pathname.match(/dashboard/) != null"
-            >
+            <ResponsiveNavLink :href="dashboard_path()" :active="pathname.match(/dashboard/) != null">
               Dashboard
             </ResponsiveNavLink>
           </div>
@@ -145,9 +120,7 @@ const { pathname = '' } = typeof window !== 'undefined' ? window.location : {}
           <!-- Responsive Settings Options -->
           <div class="pt-4 pb-1 border-t border-gray-200 dark:border-gray-600">
             <div class="px-4">
-              <div
-                class="font-medium text-base text-gray-800 dark:text-gray-200"
-              >
+              <div class="font-medium text-base text-gray-800 dark:text-gray-200">
                 {{ $page.props.auth.user.name }}
               </div>
               <div class="font-medium text-sm text-gray-500">
@@ -156,16 +129,8 @@ const { pathname = '' } = typeof window !== 'undefined' ? window.location : {}
             </div>
 
             <div class="mt-3 space-y-1">
-              <ResponsiveNavLink :href="profile_edit_path()">
-                Profile
-              </ResponsiveNavLink>
-              <ResponsiveNavLink
-                :href="logout_path()"
-                method="post"
-                as="button"
-              >
-                Log Out
-              </ResponsiveNavLink>
+              <ResponsiveNavLink :href="profile_edit_path()"> Profile </ResponsiveNavLink>
+              <ResponsiveNavLink :href="logout_path()" method="post" as="button"> Log Out </ResponsiveNavLink>
             </div>
           </div>
         </div>

data/stubs/inertia-vue-ts/app/javascript/Layouts/GuestLayout.vue

@@ -4,18 +4,14 @@ import { Link } from '@inertiajs/vue3'
 </script>
 
 <template>
-  <div
-    class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900"
-  >
+  <div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900">
     <div>
       <Link href="/">
         <ApplicationLogo class="w-20 h-20 fill-current text-red-500" />
       </Link>
     </div>
 
-    <div
-      class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg"
-    >
+    <div class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg">
       <slot />
     </div>
   </div>

data/stubs/inertia-vue-ts/app/javascript/Pages/Auth/ForgotPassword.vue

@@ -25,15 +25,11 @@ const submit = () => {
     <Head title="Forgot Password" />
 
     <div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
-      Forgot your password? No problem. Just let us know your email address and
-      we will email you a password reset link that will allow you to choose a
-      new one.
+      Forgot your password? No problem. Just let us know your email address and we will email you a password reset link
+      that will allow you to choose a new one.
     </div>
 
-    <div
-      v-if="status"
-      class="mb-4 font-medium text-sm text-green-600 dark:text-green-400"
-    >
+    <div v-if="status" class="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
       {{ status }}
     </div>
 
@@ -55,10 +51,7 @@ const submit = () => {
       </div>
 
       <div class="flex items-center justify-end mt-4">
-        <PrimaryButton
-          :class="{ 'opacity-25': form.processing }"
-          :disabled="form.processing"
-        >
+        <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
           Email Password Reset Link
         </PrimaryButton>
       </div>

data/stubs/inertia-vue-ts/app/javascript/Pages/Auth/Login.vue

@@ -9,7 +9,6 @@ import { Head, Link, useForm } from '@inertiajs/vue3'
 import { login_path, password_request_path } from '@/routes'
 
 defineProps<{
-  canResetPassword?: boolean
   status?: string
 }>()
 
@@ -71,26 +70,19 @@ const submit = () => {
       <div class="block mt-4">
         <label class="flex items-center">
           <Checkbox name="remember" v-model:checked="form.remember" />
-          <span class="ms-2 text-sm text-gray-600 dark:text-gray-400"
-            >Remember me</span
-          >
+          <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
         </label>
       </div>
 
       <div class="flex items-center justify-end mt-4">
         <Link
-          v-if="canResetPassword"
           :href="password_request_path()"
           class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
         >
           Forgot your password?
         </Link>
 
-        <PrimaryButton
-          class="ms-4"
-          :class="{ 'opacity-25': form.processing }"
-          :disabled="form.processing"
-        >
+        <PrimaryButton class="ms-4" :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
           Log in
         </PrimaryButton>
       </div>

data/stubs/inertia-vue-ts/app/javascript/Pages/Auth/Register.vue

@@ -97,11 +97,7 @@ const submit = () => {
           Already registered?
         </Link>
 
-        <PrimaryButton
-          class="ms-4"
-          :class="{ 'opacity-25': form.processing }"
-          :disabled="form.processing"
-        >
+        <PrimaryButton class="ms-4" :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
           Register
         </PrimaryButton>
       </div>

data/stubs/inertia-vue-ts/app/javascript/Pages/Auth/ResetPassword.vue

@@ -8,13 +8,11 @@ import { Head, useForm } from '@inertiajs/vue3'
 import { password_store_path } from '@/routes'
 
 const props = defineProps<{
-  email: string
   token: string
 }>()
 
 const form = useForm({
   token: props.token,
-  email: props.email,
   password: '',
   password_confirmation: '',
 })
@@ -34,22 +32,6 @@ const submit = () => {
 
     <form @submit.prevent="submit">
       <div>
-        <InputLabel for="email" value="Email" />
-
-        <TextInput
-          id="email"
-          type="email"
-          class="mt-1 block w-full"
-          v-model="form.email"
-          required
-          autofocus
-          autocomplete="username"
-        />
-
-        <InputError class="mt-2" :message="form.errors.email" />
-      </div>
-
-      <div class="mt-4">
         <InputLabel for="password" value="Password" />
 
         <TextInput
@@ -58,6 +40,7 @@ const submit = () => {
           class="mt-1 block w-full"
           v-model="form.password"
           required
+          autofocus
           autocomplete="new-password"
         />
 
@@ -80,10 +63,7 @@ const submit = () => {
       </div>
 
       <div class="flex items-center justify-end mt-4">
-        <PrimaryButton
-          :class="{ 'opacity-25': form.processing }"
-          :disabled="form.processing"
-        >
+        <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
           Reset Password
         </PrimaryButton>
       </div>

data/stubs/inertia-vue-ts/app/javascript/Pages/Auth/VerifyEmail.vue

@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import GuestLayout from '@/Layouts/GuestLayout.vue'
+import PrimaryButton from '@/Components/PrimaryButton.vue'
+import { Head, Link, useForm } from '@inertiajs/vue3'
+import { logout_path, verification_send_path } from '@/routes'
+
+const props = defineProps<{
+  status?: string
+}>()
+
+const form = useForm({})
+
+const submit = () => {
+  form.post(verification_send_path())
+}
+
+const verificationLinkSent = computed(() => props.status === 'verification-link-sent')
+</script>
+
+<template>
+  <GuestLayout>
+    <Head title="Email Verification" />
+
+    <div class="mb-4 text-sm text-gray-600 dark:text-gray-400">
+      Thanks for signing up! Before getting started, could you verify your email address by clicking on the link we just
+      emailed to you? If you didn't receive the email, we will gladly send you another.
+    </div>
+
+    <div class="mb-4 font-medium text-sm text-green-600 dark:text-green-400" v-if="verificationLinkSent">
+      A new verification link has been sent to the email address you provided during registration.
+    </div>
+
+    <form @submit.prevent="submit">
+      <div class="mt-4 flex items-center justify-between">
+        <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
+          Resend Verification Email
+        </PrimaryButton>
+
+        <Link
+          :href="logout_path()"
+          method="post"
+          as="button"
+          class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
+          >Log Out</Link
+        >
+      </div>
+    </form>
+  </GuestLayout>
+</template>

data/stubs/inertia-vue-ts/app/javascript/Pages/Dashboard.vue

@@ -8,21 +8,13 @@ import { Head } from '@inertiajs/vue3'
 
   <AuthenticatedLayout>
     <template #header>
-      <h2
-        class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight"
-      >
-        Dashboard
-      </h2>
+      <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">Dashboard</h2>
     </template>
 
     <div class="py-12">
       <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-        <div
-          class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg"
-        >
-          <div class="p-6 text-gray-900 dark:text-gray-100">
-            You're logged in!
-          </div>
+        <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
+          <div class="p-6 text-gray-900 dark:text-gray-100">You're logged in!</div>
         </div>
       </div>
     </div>

data/stubs/inertia-vue-ts/app/javascript/Pages/Profile/Edit.vue

@@ -16,21 +16,13 @@ defineProps<{
 
   <AuthenticatedLayout>
     <template #header>
-      <h2
-        class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight"
-      >
-        Profile
-      </h2>
+      <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">Profile</h2>
     </template>
 
     <div class="py-12">
       <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
         <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
-          <UpdateProfileInformationForm
-            :must-verify-email="mustVerifyEmail"
-            :status="status"
-            class="max-w-xl"
-          />
+          <UpdateProfileInformationForm :must-verify-email="mustVerifyEmail" :status="status" class="max-w-xl" />
         </div>
 
         <div class="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">

data/stubs/inertia-vue-ts/app/javascript/Pages/Profile/Partials/DeleteUserForm.vue

@@ -43,14 +43,11 @@ const closeModal = () => {
 <template>
   <section class="space-y-6">
     <header>
-      <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
-        Delete Account
-      </h2>
+      <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">Delete Account</h2>
 
       <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
-        Once your account is deleted, all of its resources and data will be
-        permanently deleted. Before deleting your account, please download any
-        data or information that you wish to retain.
+        Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your
+        account, please download any data or information that you wish to retain.
       </p>
     </header>
 
@@ -63,9 +60,8 @@ const closeModal = () => {
         </h2>
 
         <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
-          Once your account is deleted, all of its resources and data will be
-          permanently deleted. Please enter your password to confirm you would
-          like to permanently delete your account.
+          Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your
+          password to confirm you would like to permanently delete your account.
         </p>
 
         <div class="mt-6">

data/stubs/inertia-vue-ts/app/javascript/Pages/Profile/Partials/UpdatePasswordForm.vue

@@ -39,9 +39,7 @@ const updatePassword = () => {
 <template>
   <section>
     <header>
-      <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
-        Update Password
-      </h2>
+      <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">Update Password</h2>
 
       <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
         Ensure your account is using a long, random password to stay secure.
@@ -102,12 +100,7 @@ const updatePassword = () => {
           leave-active-class="transition ease-in-out"
           leave-to-class="opacity-0"
         >
-          <p
-            v-if="form.recentlySuccessful"
-            class="text-sm text-gray-600 dark:text-gray-400"
-          >
-            Saved.
-          </p>
+          <p v-if="form.recentlySuccessful" class="text-sm text-gray-600 dark:text-gray-400">Saved.</p>
         </Transition>
       </div>
     </form>

data/stubs/inertia-vue-ts/app/javascript/Pages/Profile/Partials/UpdateProfileInformationForm.vue

@@ -3,8 +3,8 @@ import InputError from '@/Components/InputError.vue'
 import InputLabel from '@/Components/InputLabel.vue'
 import PrimaryButton from '@/Components/PrimaryButton.vue'
 import TextInput from '@/Components/TextInput.vue'
-import { useForm, usePage } from '@inertiajs/vue3'
-import { profile_update_path } from '@/routes'
+import { Link, useForm, usePage } from '@inertiajs/vue3'
+import { profile_update_path, verification_send_path } from '@/routes'
 
 defineProps<{
   mustVerifyEmail?: Boolean
@@ -22,19 +22,14 @@ const form = useForm({
 <template>
   <section>
     <header>
-      <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">
-        Profile Information
-      </h2>
+      <h2 class="text-lg font-medium text-gray-900 dark:text-gray-100">Profile Information</h2>
 
       <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
         Update your account's profile information and email address.
       </p>
     </header>
 
-    <form
-      @submit.prevent="form.patch(profile_update_path())"
-      class="mt-6 space-y-6"
-    >
+    <form @submit.prevent="form.patch(profile_update_path())" class="mt-6 space-y-6">
       <div>
         <InputLabel for="name" value="Name" />
 
@@ -66,6 +61,27 @@ const form = useForm({
         <InputError class="mt-2" :message="form.errors.email" />
       </div>
 
+      <div v-if="mustVerifyEmail && user.email_verified_at === null">
+        <p class="text-sm mt-2 text-gray-800 dark:text-gray-200">
+          Your email address is unverified.
+          <Link
+            :href="verification_send_path()"
+            method="post"
+            as="button"
+            class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
+          >
+            Click here to re-send the verification email.
+          </Link>
+        </p>
+
+        <div
+          v-show="status === 'verification-link-sent'"
+          class="mt-2 font-medium text-sm text-green-600 dark:text-green-400"
+        >
+          A new verification link has been sent to your email address.
+        </div>
+      </div>
+
       <div class="flex items-center gap-4">
         <PrimaryButton :disabled="form.processing">Save</PrimaryButton>
 
@@ -75,12 +91,7 @@ const form = useForm({
           leave-active-class="transition ease-in-out"
           leave-to-class="opacity-0"
         >
-          <p
-            v-if="form.recentlySuccessful"
-            class="text-sm text-gray-600 dark:text-gray-400"
-          >
-            Saved.
-          </p>
+          <p v-if="form.recentlySuccessful" class="text-sm text-gray-600 dark:text-gray-400">Saved.</p>
         </Transition>
       </div>
     </form>

data/stubs/inertia-vue-ts/app/javascript/Pages/Welcome.vue

@@ -18,9 +18,7 @@ defineProps<{
       font-size: calc(0.9em + 0.5vw);
     "
   >
-    <header
-      class="absolute top-0 right-0 grid grid-cols-2 items-center gap-2 py-10 lg:grid-cols-3"
-    >
+    <header class="absolute top-0 right-0 grid grid-cols-2 items-center gap-2 py-10 lg:grid-cols-3">
       <div class="-mx-3 flex flex-1 justify-end">
         <Link
           :href="dashboard_path()"
@@ -63,8 +61,7 @@ defineProps<{
         target="_blank"
         style="
           transition: background 0.25s cubic-bezier(0.33, 1, 0.68, 1);
-          filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03))
-            drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
+          filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
         "
       >
         <img

data/stubs/inertia-vue-ts/app/javascript/entrypoints/application.ts

@@ -1,34 +1,38 @@
 import './bootstrap'
 import '../../assets/builds/tailwind.css'
 
-import { createApp, h, DefineComponent } from 'vue';
-import { createInertiaApp } from '@inertiajs/vue3';
+import { createApp, h, DefineComponent } from 'vue'
+import { createInertiaApp } from '@inertiajs/vue3'
 
-async function resolvePageComponent<T>(path: string|string[], pages: Record<string, Promise<T> | (() => Promise<T>)>): Promise<T> {
-    for (const p of (Array.isArray(path) ? path : [path])) {
-        const page = pages[p]
+async function resolvePageComponent<T>(
+  path: string | string[],
+  pages: Record<string, Promise<T> | (() => Promise<T>)>,
+): Promise<T> {
+  for (const p of Array.isArray(path) ? path : [path]) {
+    const page = pages[p]
 
-        if (typeof page === 'undefined') {
-            continue
-        }
-
-        return typeof page === 'function' ? page() : page
+    if (typeof page === 'undefined') {
+      continue
     }
 
-    throw new Error(`Page not found: ${path}`)
+    return typeof page === 'function' ? page() : page
+  }
+
+  throw new Error(`Page not found: ${path}`)
 }
 
-const appName = import.meta.env.VITE_APP_NAME || 'Rails';
+const appName = import.meta.env.VITE_APP_NAME || 'Rails'
 
 createInertiaApp({
-    title: (title) => `${title} - ${appName}`,
-    resolve: (name) => resolvePageComponent(`../Pages/${name}.vue`, import.meta.glob<DefineComponent>('../Pages/**/*.vue')),
-    setup({ el, App, props, plugin }) {
-        createApp({ render: () => h(App, props) })
-            .use(plugin)
-            .mount(el);
-    },
-    progress: {
-        color: '#4B5563',
-    },
-});
+  title: (title) => `${title} - ${appName}`,
+  resolve: (name) =>
+    resolvePageComponent(`../Pages/${name}.vue`, import.meta.glob<DefineComponent>('../Pages/**/*.vue')),
+  setup({ el, App, props, plugin }) {
+    createApp({ render: () => h(App, props) })
+      .use(plugin)
+      .mount(el)
+  },
+  progress: {
+    color: '#4B5563',
+  },
+})

data/stubs/inertia-vue-ts/app/javascript/entrypoints/bootstrap.ts

@@ -1,4 +1,4 @@
-import axios from 'axios';
-window.axios = axios;
+import axios from 'axios'
+window.axios = axios
 
-window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'

data/stubs/inertia-vue-ts/app/javascript/types/global.d.ts

@@ -1,13 +1,13 @@
-import { PageProps as InertiaPageProps } from '@inertiajs/core';
-import { AxiosInstance } from 'axios';
-import { PageProps as AppPageProps } from './';
+import { PageProps as InertiaPageProps } from '@inertiajs/core'
+import { AxiosInstance } from 'axios'
+import { PageProps as AppPageProps } from './'
 
 declare global {
-    interface Window {
-        axios: AxiosInstance;
-    }
+  interface Window {
+    axios: AxiosInstance
+  }
 }
 
 declare module '@inertiajs/core' {
-    interface PageProps extends InertiaPageProps, AppPageProps {}
+  interface PageProps extends InertiaPageProps, AppPageProps {}
 }

data/stubs/inertia-vue-ts/app/javascript/types/index.d.ts

@@ -1,12 +1,12 @@
 export interface User {
-    id: number;
-    name: string;
-    email: string;
-    email_verified_at: string;
+  id: number
+  name: string
+  email: string
+  email_verified_at: string
 }
 
 export type PageProps<T extends Record<string, unknown> = Record<string, unknown>> = T & {
-    auth: {
-        user: User;
-    };
-};
+  auth: {
+    user: User
+  }
+}

data/stubs/inertia-vue-ts/config/tailwind.config.js

@@ -3,12 +3,7 @@ import forms from '@tailwindcss/forms'
 
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: [
-    './public/*.html',
-    './app/helpers/**/*.rb',
-    './app/views/**/*',
-    './app/javascript/**/*.vue',
-  ],
+  content: ['./public/*.html', './app/helpers/**/*.rb', './app/views/**/*', './app/javascript/**/*.vue'],
 
   theme: {
     extend: {