RubyGems - kaze - Versions diffs - 0.8.0 → 0.10.0 - Mend

kaze 0.8.0 → 0.10.0

Files changed (95) hide show

data/stubs/inertia-react-ts/app/javascript/Pages/Auth/ForgotPassword.tsx CHANGED Viewed

@@ -21,15 +21,12 @@ export default function ForgotPassword({ status }: { status?: string }) {
     <GuestLayout>
       <Head title="Forgot Password" />
-      <div className="mb-4 text-sm text-gray-600">
-        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 className="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.
       </div>
-      {status && (
-        <div className="mb-4 font-medium text-sm text-green-600">{status}</div>
-      )}
+      {status && <div className="mb-4 font-medium text-sm text-green-600 dark:text-green-400">{status}</div>}
       <form onSubmit={submit}>
         <TextInput

data/stubs/inertia-react-ts/app/javascript/Pages/Auth/Login.tsx CHANGED Viewed

@@ -8,13 +8,7 @@ import TextInput from '@/Components/TextInput'
 import { Head, Link, useForm } from '@inertiajs/react'
 import { login_path, password_request_path } from '@/routes'
-export default function Login({
-  status,
-  canResetPassword,
-}: {
-  status?: string
-  canResetPassword: boolean
-}) {
+export default function Login({ status }: { status?: string }) {
   const { data, setData, post, processing, errors, reset } = useForm({
     email: '',
     password: '',
@@ -37,9 +31,7 @@ export default function Login({
     <GuestLayout>
       <Head title="Log in" />
-      {status && (
-        <div className="mb-4 font-medium text-sm text-green-600">{status}</div>
-      )}
+      {status && <div className="mb-4 font-medium text-sm text-green-600">{status}</div>}
       <form onSubmit={submit}>
         <div>
@@ -77,24 +69,18 @@ export default function Login({
         <div className="block mt-4">
           <label className="flex items-center">
-            <Checkbox
-              name="remember"
-              checked={data.remember}
-              onChange={(e) => setData('remember', e.target.checked)}
-            />
-            <span className="ms-2 text-sm text-gray-600">Remember me</span>
+            <Checkbox name="remember" checked={data.remember} onChange={(e) => setData('remember', e.target.checked)} />
+            <span className="ms-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
           </label>
         </div>
         <div className="flex items-center justify-end mt-4">
-          {canResetPassword && (
-            <Link
-              href={password_request_path()}
-              className="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
-            >
-              Forgot your password?
-            </Link>
-          )}
+          <Link
+            href={password_request_path()}
+            className="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 className="ms-4" disabled={processing}>
             Log in

data/stubs/inertia-react-ts/app/javascript/Pages/Auth/Register.tsx CHANGED Viewed

@@ -84,10 +84,7 @@ export default function Register() {
         </div>
         <div className="mt-4">
-          <InputLabel
-            htmlFor="password_confirmation"
-            value="Confirm Password"
-          />
+          <InputLabel htmlFor="password_confirmation" value="Confirm Password" />
           <TextInput
             id="password_confirmation"
@@ -106,7 +103,7 @@ export default function Register() {
         <div className="flex items-center justify-end mt-4">
           <Link
             href={login_path()}
-            className="underline text-sm text-gray-600 hover:text-gray-900 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+            className="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"
           >
             Already registered?
           </Link>

data/stubs/inertia-react-ts/app/javascript/Pages/Auth/ResetPassword.tsx CHANGED Viewed

@@ -31,7 +31,7 @@ export default function ResetPassword({ token }: { token: string }) {
       <Head title="Reset Password" />
       <form onSubmit={submit}>
-        <div className="mt-4">
+        <div>
           <InputLabel htmlFor="password" value="Password" />
           <TextInput
@@ -49,10 +49,7 @@ export default function ResetPassword({ token }: { token: string }) {
         </div>
         <div className="mt-4">
-          <InputLabel
-            htmlFor="password_confirmation"
-            value="Confirm Password"
-          />
+          <InputLabel htmlFor="password_confirmation" value="Confirm Password" />
           <TextInput
             type="password"

data/stubs/inertia-react-ts/app/javascript/Pages/Auth/VerifyEmail.tsx ADDED Viewed

@@ -0,0 +1,47 @@
+import GuestLayout from '@/Layouts/GuestLayout'
+import PrimaryButton from '@/Components/PrimaryButton'
+import { Head, Link, useForm } from '@inertiajs/react'
+import { FormEventHandler } from 'react'
+import { logout_path, verification_send_path } from '@/routes'
+export default function VerifyEmail({ status }: { status?: string }) {
+  const { post, processing } = useForm({})
+  const submit: FormEventHandler = (e) => {
+    e.preventDefault()
+    post(verification_send_path())
+  }
+  return (
+    <GuestLayout>
+      <Head title="Email Verification" />
+      <div className="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>
+      {status === 'verification-link-sent' && (
+        <div className="mb-4 font-medium text-sm text-green-600 dark:text-green-400">
+          A new verification link has been sent to the email address you provided during registration.
+        </div>
+      )}
+      <form onSubmit={submit}>
+        <div className="mt-4 flex items-center justify-between">
+          <PrimaryButton disabled={processing}>Resend Verification Email</PrimaryButton>
+          <Link
+            href={logout_path()}
+            method="post"
+            as="button"
+            className="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>
+  )
+}

data/stubs/inertia-react-ts/app/javascript/Pages/Dashboard.tsx CHANGED Viewed

@@ -6,20 +6,14 @@ export default function Dashboard({ auth }: PageProps) {
   return (
     <AuthenticatedLayout
       user={auth.user}
-      header={
-        <h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
-          Dashboard
-        </h2>
-      }
+      header={<h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">Dashboard</h2>}
     >
       <Head title="Dashboard" />
       <div className="py-12">
         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
           <div className="bg-white dark:bg-gray-800 overflow-hidden shadow-sm sm:rounded-lg">
-            <div className="p-6 text-gray-900 dark:text-gray-100">
-              You're logged in!
-            </div>
+            <div className="p-6 text-gray-900 dark:text-gray-100">You're logged in!</div>
           </div>
         </div>
       </div>

data/stubs/inertia-react-ts/app/javascript/Pages/Profile/Edit.tsx CHANGED Viewed

@@ -5,29 +5,29 @@ import UpdateProfileInformationForm from './Partials/UpdateProfileInformationFor
 import { Head } from '@inertiajs/react'
 import { PageProps } from '@/types'
-export default function Edit({ auth }: PageProps) {
+export default function Edit({
+  auth,
+  mustVerifyEmail,
+  status,
+}: PageProps<{ mustVerifyEmail: boolean; status?: string }>) {
   return (
     <AuthenticatedLayout
       user={auth.user}
-      header={
-        <h2 className="font-semibold text-xl text-gray-800 leading-tight">
-          Profile
-        </h2>
-      }
+      header={<h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">Profile</h2>}
     >
       <Head title="Profile" />
       <div className="py-12">
         <div className="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">
-          <div className="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
-            <UpdateProfileInformationForm className="max-w-xl" />
+          <div className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
+            <UpdateProfileInformationForm mustVerifyEmail={mustVerifyEmail} status={status} className="max-w-xl" />
           </div>
-          <div className="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
+          <div className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
             <UpdatePasswordForm className="max-w-xl" />
           </div>
-          <div className="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
+          <div className="p-4 sm:p-8 bg-white dark:bg-gray-800 shadow sm:rounded-lg">
             <DeleteUserForm className="max-w-xl" />
           </div>
         </div>

data/stubs/inertia-react-ts/app/javascript/Pages/Profile/Partials/DeleteUserForm.tsx CHANGED Viewed

@@ -8,11 +8,7 @@ import TextInput from '@/Components/TextInput'
 import { useForm } from '@inertiajs/react'
 import { profile_destroy_path } from '@/routes'
-export default function DeleteUserForm({
-  className = '',
-}: {
-  className?: string
-}) {
+export default function DeleteUserForm({ className = '' }: { className?: string }) {
   const [confirmingUserDeletion, setConfirmingUserDeletion] = useState(false)
   const passwordInput = useRef<HTMLInputElement>(null)
@@ -51,12 +47,11 @@ export default function DeleteUserForm({
   return (
     <section className={`space-y-6 ${className}`}>
       <header>
-        <h2 className="text-lg font-medium text-gray-900">Delete Account</h2>
+        <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100">Delete Account</h2>
-        <p className="mt-1 text-sm text-gray-600">
-          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 className="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.
         </p>
       </header>
@@ -64,22 +59,17 @@ export default function DeleteUserForm({
       <Modal show={confirmingUserDeletion} onClose={closeModal}>
         <form onSubmit={deleteUser} className="p-6">
-          <h2 className="text-lg font-medium text-gray-900">
+          <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100">
             Are you sure you want to delete your account?
           </h2>
-          <p className="mt-1 text-sm text-gray-600">
-            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 className="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.
           </p>
           <div className="mt-6">
-            <InputLabel
-              htmlFor="password"
-              value="Password"
-              className="sr-only"
-            />
+            <InputLabel htmlFor="password" value="Password" className="sr-only" />
             <TextInput
               id="password"

data/stubs/inertia-react-ts/app/javascript/Pages/Profile/Partials/UpdatePasswordForm.tsx CHANGED Viewed

@@ -7,20 +7,15 @@ import { useForm } from '@inertiajs/react'
 import { Transition } from '@headlessui/react'
 import { password_update_path } from '@/routes'
-export default function UpdatePasswordForm({
-  className = '',
-}: {
-  className?: string
-}) {
+export default function UpdatePasswordForm({ className = '' }: { className?: string }) {
   const passwordInput = useRef<HTMLInputElement>(null)
   const currentPasswordInput = useRef<HTMLInputElement>(null)
-  const { data, setData, errors, put, reset, processing, recentlySuccessful } =
-    useForm({
-      current_password: '',
-      password: '',
-      password_confirmation: '',
-    })
+  const { data, setData, errors, put, reset, processing, recentlySuccessful } = useForm({
+    current_password: '',
+    password: '',
+    password_confirmation: '',
+  })
   const updatePassword: FormEventHandler = (e) => {
     e.preventDefault()
@@ -45,9 +40,9 @@ export default function UpdatePasswordForm({
   return (
     <section className={className}>
       <header>
-        <h2 className="text-lg font-medium text-gray-900">Update Password</h2>
+        <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100">Update Password</h2>
-        <p className="mt-1 text-sm text-gray-600">
+        <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
           Ensure your account is using a long, random password to stay secure.
         </p>
       </header>
@@ -86,10 +81,7 @@ export default function UpdatePasswordForm({
         </div>
         <div>
-          <InputLabel
-            htmlFor="password_confirmation"
-            value="Confirm Password"
-          />
+          <InputLabel htmlFor="password_confirmation" value="Confirm Password" />
           <TextInput
             id="password_confirmation"
@@ -113,7 +105,7 @@ export default function UpdatePasswordForm({
             leave="transition ease-in-out"
             leaveTo="opacity-0"
           >
-            <p className="text-sm text-gray-600">Saved.</p>
+            <p className="text-sm text-gray-600 dark:text-gray-400">Saved.</p>
           </Transition>
         </div>
       </form>

data/stubs/inertia-react-ts/app/javascript/Pages/Profile/Partials/UpdateProfileInformationForm.tsx CHANGED Viewed

@@ -2,24 +2,27 @@ import InputError from '@/Components/InputError'
 import InputLabel from '@/Components/InputLabel'
 import PrimaryButton from '@/Components/PrimaryButton'
 import TextInput from '@/Components/TextInput'
-import { useForm, usePage } from '@inertiajs/react'
+import { Link, useForm, usePage } from '@inertiajs/react'
 import { Transition } from '@headlessui/react'
 import { FormEventHandler } from 'react'
 import { PageProps } from '@/types'
-import { profile_update_path } from '@/routes'
+import { profile_update_path, verification_send_path } from '@/routes'
 export default function UpdateProfileInformation({
+  mustVerifyEmail,
+  status,
   className = '',
 }: {
+  mustVerifyEmail: boolean
+  status?: string
   className?: string
 }) {
   const user = usePage<PageProps>().props.auth.user
-  const { data, setData, patch, errors, processing, recentlySuccessful } =
-    useForm({
-      name: user.name,
-      email: user.email,
-    })
+  const { data, setData, patch, errors, processing, recentlySuccessful } = useForm({
+    name: user.name,
+    email: user.email,
+  })
   const submit: FormEventHandler = (e) => {
     e.preventDefault()
@@ -30,11 +33,9 @@ export default function UpdateProfileInformation({
   return (
     <section className={className}>
       <header>
-        <h2 className="text-lg font-medium text-gray-900">
-          Profile Information
-        </h2>
+        <h2 className="text-lg font-medium text-gray-900 dark:text-gray-100">Profile Information</h2>
-        <p className="mt-1 text-sm text-gray-600">
+        <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
           Update your account's profile information and email address.
         </p>
       </header>
@@ -72,6 +73,28 @@ export default function UpdateProfileInformation({
           <InputError className="mt-2" message={errors.email} />
         </div>
+        {mustVerifyEmail && user.email_verified_at === null && (
+          <div>
+            <p className="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"
+                className="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>
+            {status === 'verification-link-sent' && (
+              <div className="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 className="flex items-center gap-4">
           <PrimaryButton disabled={processing}>Save</PrimaryButton>
@@ -82,7 +105,7 @@ export default function UpdateProfileInformation({
             leave="transition ease-in-out"
             leaveTo="opacity-0"
           >
-            <p className="text-sm text-gray-600">Saved.</p>
+            <p className="text-sm text-gray-600 dark:text-gray-400">Saved.</p>
           </Transition>
         </div>
       </form>

data/stubs/inertia-react-ts/app/javascript/Pages/Welcome.tsx CHANGED Viewed

@@ -64,8 +64,7 @@ export default function Welcome({
             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-react-ts/app/javascript/entrypoints/application.tsx CHANGED Viewed

@@ -25,11 +25,7 @@ const appName = import.meta.env.VITE_APP_NAME || 'Rails'
 createInertiaApp({
   title: (title) => `${title} - ${appName}`,
-  resolve: (name) =>
-    resolvePageComponent(
-      `../Pages/${name}.tsx`,
-      import.meta.glob('../Pages/**/*.tsx'),
-    ),
+  resolve: (name) => resolvePageComponent(`../Pages/${name}.tsx`, import.meta.glob('../Pages/**/*.tsx')),
   setup({ el, App, props }) {
     const root = createRoot(el)

data/stubs/inertia-react-ts/app/javascript/entrypoints/bootstrap.ts CHANGED Viewed

@@ -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-react-ts/app/javascript/types/global.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import { AxiosInstance } from 'axios';
+import { AxiosInstance } from 'axios'
 declare global {
-    interface Window {
-        axios: AxiosInstance;
-    }
+  interface Window {
+    axios: AxiosInstance
+  }
 }

data/stubs/inertia-react-ts/app/javascript/types/index.d.ts CHANGED Viewed

@@ -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-react-ts/config/tailwind.config.js CHANGED Viewed

@@ -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/**/*.tsx',
-  ],
+  content: ['./public/*.html', './app/helpers/**/*.rb', './app/views/**/*', './app/javascript/**/*.tsx'],
   theme: {
     extend: {

data/stubs/inertia-vue-ts/app/javascript/Components/ApplicationLogo.vue CHANGED Viewed

@@ -1,5 +1,7 @@
 <template>
   <svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
-    <path d="m 237.03985,281.43515 c -1.54085,-2.49315 -1.43016,-32.97159 0.24592,-67.72985 3.02813,-62.79557 2.98467,-63.24086 -6.84044,-70.12264 -5.43834,-3.80913 -16.32202,-6.92574 -24.18594,-6.92574 -22.00734,0 -30.84257,-6.63121 -30.84257,-23.14872 0,-18.460367 5.31742,-22.209117 35.7331,-25.191397 27.97004,-2.74248 30.5663,-4.04226 26.94175,-13.48771 -2.14986,-5.6024 -13.90805,-6.59952 -77.8227,-6.59952 -69.400535,0 -75.177944,-0.58548 -73.8551,-7.48424 1.284851,-6.700534 9.490461,-7.708169 78.36353,-9.622595 42.31063,-1.176095 74.04161,-3.44104 70.51333,-5.033217 -11.28272,-5.091508 -103.7232,-12.917843 -134.65799,-11.40068 l -29.878628,1.465415 -3.171696,17.106837 c -1.744436,9.40876 -4.948521,63.009007 -7.120182,119.111597 -2.277699,58.84196 -5.815243,103.87156 -8.360116,106.41647 -2.4264,2.42639 -7.676475,3.15877 -11.666833,1.62754 -5.877786,-2.25554 -6.747202,-6.22009 -4.579445,-20.88223 1.471667,-9.954 3.74014,-63.32438 5.041047,-118.60085 2.647925,-112.511911 3.2489,-117.857541 13.890324,-123.552663 4.513472,-2.415528 45.033525,-3.067128 100.341569,-1.613517 109.0299,2.86548 110.09891,3.263428 110.09891,40.985371 0,30.923222 -7.28516,39.906492 -35.24013,43.454229 -29.06687,3.68892 -37.46391,6.17185 -37.46391,11.07783 0,2.19365 11.40965,3.98851 25.35478,3.98851 37.65833,0 38.79584,2.06051 38.79584,70.27428 0,31.25825 -1.20855,65.65073 -2.68573,76.42778 -2.59506,18.93304 -11.18137,28.79145 -16.94872,19.45971 z M 102.84208,259.48743 c -5.809371,-2.9396 -13.184926,-10.12819 -16.390123,-15.97462 -8.396565,-15.3158 2.912296,-41.49358 19.494463,-45.12587 20.60401,-4.51326 22.42665,-5.69589 22.42665,-14.55198 0,-6.8018 -2.78507,-8.68766 -12.83013,-8.68766 -16.253558,0 -29.936969,-13.44405 -29.936969,-29.41328 0,-14.42513 5.553783,-19.82093 24.591079,-23.89154 9.82484,-2.1008 13.8993,-5.37975 13.8993,-11.1856 0,-6.50902 -3.05408,-8.21363 -14.71608,-8.21363 -16.019022,0 -24.105594,-7.285117 -14.699611,-13.242787 3.241585,-2.05321 12.812471,-3.76252 21.268621,-3.79858 19.92576,-0.0847 30.60952,11.25947 28.76224,30.540617 -1.22046,12.73879 -3.23695,14.76612 -18.47681,18.57607 -30.922304,7.73057 -36.377959,19.24518 -9.11843,19.24518 22.57064,0 29.1179,7.65172 27.56665,32.21701 l -1.34139,21.24186 -20.81946,5.13821 c -11.45071,2.826 -21.79219,6.1109 -22.981063,7.29978 -4.590664,4.59067 3.475793,15.68791 14.430943,19.85304 16.19851,6.15868 88.0503,3.43548 90.32313,-3.42324 1.28741,-3.88501 -5.33813,-5.34589 -24.24513,-5.34589 -19.38669,0 -26.01664,-1.51819 -26.01664,-5.9575 0,-8.34429 9.63998,-11.14934 38.3165,-11.14934 28.67934,0 35.63045,5.45011 33.61018,26.35253 -0.96086,9.94142 -4.50427,15.66293 -12.05276,19.46151 -14.27136,7.1817 -96.89032,7.20826 -111.06516,0.0342 z m 57.07409,-60.66299 c -4.41463,-11.5043 3.01548,-16.23905 21.50632,-13.70463 20.26375,2.77747 30.64103,-1.74032 26.8271,-11.67922 -1.8078,-4.7111 -8.00515,-6.84671 -19.86838,-6.84671 -19.48707,0 -22.72529,-6.68 -6.27087,-12.93598 25.01034,-9.50892 44.62703,0.19588 44.62703,22.07791 0,17.75258 -8.58709,23.84253 -37.57444,26.6478 -21.20481,2.05209 -27.38199,1.30033 -29.24676,-3.55917 z" />
+    <path
+      d="m 237.03985,281.43515 c -1.54085,-2.49315 -1.43016,-32.97159 0.24592,-67.72985 3.02813,-62.79557 2.98467,-63.24086 -6.84044,-70.12264 -5.43834,-3.80913 -16.32202,-6.92574 -24.18594,-6.92574 -22.00734,0 -30.84257,-6.63121 -30.84257,-23.14872 0,-18.460367 5.31742,-22.209117 35.7331,-25.191397 27.97004,-2.74248 30.5663,-4.04226 26.94175,-13.48771 -2.14986,-5.6024 -13.90805,-6.59952 -77.8227,-6.59952 -69.400535,0 -75.177944,-0.58548 -73.8551,-7.48424 1.284851,-6.700534 9.490461,-7.708169 78.36353,-9.622595 42.31063,-1.176095 74.04161,-3.44104 70.51333,-5.033217 -11.28272,-5.091508 -103.7232,-12.917843 -134.65799,-11.40068 l -29.878628,1.465415 -3.171696,17.106837 c -1.744436,9.40876 -4.948521,63.009007 -7.120182,119.111597 -2.277699,58.84196 -5.815243,103.87156 -8.360116,106.41647 -2.4264,2.42639 -7.676475,3.15877 -11.666833,1.62754 -5.877786,-2.25554 -6.747202,-6.22009 -4.579445,-20.88223 1.471667,-9.954 3.74014,-63.32438 5.041047,-118.60085 2.647925,-112.511911 3.2489,-117.857541 13.890324,-123.552663 4.513472,-2.415528 45.033525,-3.067128 100.341569,-1.613517 109.0299,2.86548 110.09891,3.263428 110.09891,40.985371 0,30.923222 -7.28516,39.906492 -35.24013,43.454229 -29.06687,3.68892 -37.46391,6.17185 -37.46391,11.07783 0,2.19365 11.40965,3.98851 25.35478,3.98851 37.65833,0 38.79584,2.06051 38.79584,70.27428 0,31.25825 -1.20855,65.65073 -2.68573,76.42778 -2.59506,18.93304 -11.18137,28.79145 -16.94872,19.45971 z M 102.84208,259.48743 c -5.809371,-2.9396 -13.184926,-10.12819 -16.390123,-15.97462 -8.396565,-15.3158 2.912296,-41.49358 19.494463,-45.12587 20.60401,-4.51326 22.42665,-5.69589 22.42665,-14.55198 0,-6.8018 -2.78507,-8.68766 -12.83013,-8.68766 -16.253558,0 -29.936969,-13.44405 -29.936969,-29.41328 0,-14.42513 5.553783,-19.82093 24.591079,-23.89154 9.82484,-2.1008 13.8993,-5.37975 13.8993,-11.1856 0,-6.50902 -3.05408,-8.21363 -14.71608,-8.21363 -16.019022,0 -24.105594,-7.285117 -14.699611,-13.242787 3.241585,-2.05321 12.812471,-3.76252 21.268621,-3.79858 19.92576,-0.0847 30.60952,11.25947 28.76224,30.540617 -1.22046,12.73879 -3.23695,14.76612 -18.47681,18.57607 -30.922304,7.73057 -36.377959,19.24518 -9.11843,19.24518 22.57064,0 29.1179,7.65172 27.56665,32.21701 l -1.34139,21.24186 -20.81946,5.13821 c -11.45071,2.826 -21.79219,6.1109 -22.981063,7.29978 -4.590664,4.59067 3.475793,15.68791 14.430943,19.85304 16.19851,6.15868 88.0503,3.43548 90.32313,-3.42324 1.28741,-3.88501 -5.33813,-5.34589 -24.24513,-5.34589 -19.38669,0 -26.01664,-1.51819 -26.01664,-5.9575 0,-8.34429 9.63998,-11.14934 38.3165,-11.14934 28.67934,0 35.63045,5.45011 33.61018,26.35253 -0.96086,9.94142 -4.50427,15.66293 -12.05276,19.46151 -14.27136,7.1817 -96.89032,7.20826 -111.06516,0.0342 z m 57.07409,-60.66299 c -4.41463,-11.5043 3.01548,-16.23905 21.50632,-13.70463 20.26375,2.77747 30.64103,-1.74032 26.8271,-11.67922 -1.8078,-4.7111 -8.00515,-6.84671 -19.86838,-6.84671 -19.48707,0 -22.72529,-6.68 -6.27087,-12.93598 25.01034,-9.50892 44.62703,0.19588 44.62703,22.07791 0,17.75258 -8.58709,23.84253 -37.57444,26.6478 -21.20481,2.05209 -27.38199,1.30033 -29.24676,-3.55917 z"
+    />
   </svg>
 </template>

data/stubs/inertia-vue-ts/app/javascript/Components/Dropdown.vue CHANGED Viewed

@@ -66,10 +66,7 @@ const open = ref(false)
         style="display: none"
         @click="open = false"
       >
-        <div
-          class="rounded-md ring-1 ring-black ring-opacity-5"
-          :class="contentClasses"
-        >
+        <div class="rounded-md ring-1 ring-black ring-opacity-5" :class="contentClasses">
           <slot name="content" />
         </div>
       </div>

data/stubs/inertia-vue-ts/app/javascript/Components/Modal.vue CHANGED Viewed

@@ -60,11 +60,7 @@ const maxWidthClass = computed(() => {
 <template>
   <Teleport to="body">
     <Transition leave-active-class="duration-200">
-      <div
-        v-show="show"
-        class="fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50"
-        scroll-region
-      >
+      <div v-show="show" class="fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50" scroll-region>
         <Transition
           enter-active-class="ease-out duration-300"
           enter-from-class="opacity-0"
@@ -73,14 +69,8 @@ const maxWidthClass = computed(() => {
           leave-from-class="opacity-100"
           leave-to-class="opacity-0"
         >
-          <div
-            v-show="show"
-            class="fixed inset-0 transform transition-all"
-            @click="close"
-          >
-            <div
-              class="absolute inset-0 bg-gray-500 dark:bg-gray-900 opacity-75"
-            />
+          <div v-show="show" class="fixed inset-0 transform transition-all" @click="close">
+            <div class="absolute inset-0 bg-gray-500 dark:bg-gray-900 opacity-75" />
           </div>
         </Transition>