kaze 2.1.0 → 2.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 701db9d43e1fa6af035b37096755ff20cad5d574ed2cf042d4ee9dad2b2513d0
-  data.tar.gz: e52ef54c1289863cac8afc289b569d5cf991e1dd1c43faea861593ee6116151e
+  metadata.gz: 55a910134ce65d8e8401e8093507fc565efaf81d54df89873d5541cb51214b1b
+  data.tar.gz: b6d8afe1350896e1fb047d753d7271204e1ffd8ba1127504311799af0704deeb
 SHA512:
-  metadata.gz: 67c562979bb3627648c660bd1c3ce6b85f132ee54e2bc71477651ec8969ee731da08910f957b77cfaa61defe24d998c94172f292ebc67c87559f01b867ca0d2f
-  data.tar.gz: 98f645b2b95a8141b2440ea180eae7092bf8d5b4b4f070f94fa420a03c790090eeee92b062a1b8fe53514e631593494a59d7ca341d530e5f26e06d38773f33ca
+  metadata.gz: 7692a5a56a442c9dc100ee7236e1c611b6ce3d53a03b012386f308b0179780864c395ddcc56fb15cb92c013bc5be11aeef7bd4a3e1eabb2209731cb635da73fc
+  data.tar.gz: 46e3659514c1f9820f01aa89a71be012a41efbdccc79861f035b75565ade82557e6a0b3b0f1a4d657cdccd94d0ff181e333fe9ff0e0f1918b2a65344a135c54d

data/CHANGELOG.md

@@ -6,6 +6,28 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 
 ## [Unreleased]
 
+## [2.1.1] - 2026-10-25
+
+### Fixed
+
+- User-visible text now reads the same across the three stacks and within a page. Hotwire's login button said "Login" where React and Vue said "Log in", which is what prompted this — but the sweep found the real problem was that the 2.0.0 settings area introduced sentence case ("Profile information", "Delete account") while the auth pages kept the title case inherited from Breeze ("Reset Password", "Confirm Password"), so the two conventions met inside the same screen. The delete-account page had a "Delete account" heading directly above a "Delete Account" button.
+
+  Everything settles on sentence case, matching the settings area and Laravel's current kits: "Log in", "Log out", "Reset password", "Confirm password", "Current password", "New password", "Delete account", "Email password reset link", "Resend verification email", and the "Forgot password" and "Email verification" page titles. Mailer copy is left in title case — a different surface, and Laravel's reset email keeps it too.
+
+### Documentation
+
+- Screenshots and badges in the README. A starter kit whose selling point is what it looks like had no picture of itself anywhere — someone evaluating Kaze had to install it to find out. Three captures of the real scaffolded application cover the sidebar shell, the settings area and both themes, at 48 KB in total and outside the gem's packaged files.
+
+- A README section on the frontend. The 2.0.0 redesign is the largest change this project has had and the README described none of it — what shadcn/ui means here, that the primitives are yours to edit, how to add more with `npx shadcn@latest add`, the capitalised `@/Components` alias that will bite anyone hand-writing an import, the token and appearance systems, and why the Hotwire stack hand-rolls its own equivalents.
+
+### Internal
+
+- A test suite for the gem itself, run by `rake test` and by a new `Gem Tests` job in CI. Until now the only automated coverage was the scaffolded applications' own tests, which exercise the stubs but never the code that copies them.
+
+  The bulk of it covers `kaze upgrade`, since that is the part that deletes files from a real application: that a directory is pruned only once empty, that one still holding someone else's work survives along with the file in it, that nothing above `app/` is ever touched, and that a path missing from the application is skipped rather than raised on. The rest pins the removal manifests — no listed path may still be shipped by the stubs, which would have `upgrade` delete a file the install puts straight back — and checks that `lib/kaze/version.rb` matches the newest changelog heading, so a release cannot ship a version the changelog does not describe.
+
+  The tests are excluded from the built gem.
+
 ## [2.1.0] - 2026-10-22
 
 ### Added
@@ -195,7 +217,8 @@ Together these take a freshly scaffolded Inertia application from seven npm advi
 
 Releases before 1.0.0 are not catalogued here. See the [tags](https://github.com/cuonggt/kaze/tags) for their history.
 
-[Unreleased]: https://github.com/cuonggt/kaze/compare/v2.1.0...HEAD
+[Unreleased]: https://github.com/cuonggt/kaze/compare/v2.1.1...HEAD
+[2.1.1]: https://github.com/cuonggt/kaze/compare/v2.1.0...v2.1.1
 [2.1.0]: https://github.com/cuonggt/kaze/compare/v2.0.1...v2.1.0
 [2.0.1]: https://github.com/cuonggt/kaze/compare/v2.0.0...v2.0.1
 [2.0.0]: https://github.com/cuonggt/kaze/compare/v1.4.0...v2.0.0

data/README.md

@@ -2,12 +2,24 @@
 
 # Kaze
 
+[![Gem Version](https://img.shields.io/gem/v/kaze)](https://rubygems.org/gems/kaze)
+[![Tests](https://github.com/cuonggt/kaze/actions/workflows/tests.yml/badge.svg)](https://github.com/cuonggt/kaze/actions/workflows/tests.yml)
+[![License: MIT](https://img.shields.io/badge/license-MIT-blue)](LICENSE.md)
+
 Heavily inspired by [Laravel Breeze](https://github.com/laravel/breeze), this gem offers authentication and application starter kits to give you a head start building your new [Rails](https://rubyonrails.org) application. These kits automatically scaffold your application with the routes, controllers, and views you need to register and authenticate your application's users.
 
-[Kaze](https://github.com/cuonggt/kaze) is a opinionated minimal, simple implementation of all authentication features that a modern web application should have, including login, registration, password reset, email verification. In addition, Kaze includes a settings area where the user may update their name and email address, change their password, choose an appearance, and delete their account.
+[Kaze](https://github.com/cuonggt/kaze) is an opinionated, minimal, simple implementation of all authentication features that a modern web application should have, including login, registration, password reset, and email verification. In addition, Kaze includes a settings area where the user may update their name and email address, change their password, choose an appearance, and delete their account.
 
 Kaze provides scaffolding options based on [Hotwire](https://hotwired.dev) or [Inertia](https://inertiajs.com), with the choice of using Vue or React for the Inertia-based scaffolding.
 
+![Profile settings](/art/screenshots/settings-light.jpg)
+
+| | |
+|---|---|
+| ![The same page in dark mode](/art/screenshots/settings-dark.jpg) | ![Logging in](/art/screenshots/login-light.jpg) |
+
+The three stacks are built to the same design, so these are from the React one.
+
 ## Installation
 
 Before creating your first project powered by Kaze, make sure that your local machine has Ruby installed. Ruby can be installed in minutes via [mise](https://mise.jdx.dev).
@@ -36,7 +48,7 @@ Once the project has been created, you may scaffold your application using one o
 
 ## Kaze and Hotwire
 
-The default Kaze "stack" is the Hotwire stack. Hotwire is a powerful way to building dynamic, reactive, front-end UIs primarily using Ruby and ERB templates without using much JavaScript by sending HTML instead of JSON over the wire.
+The default Kaze "stack" is the Hotwire stack. Hotwire is a powerful way to build dynamic, reactive, front-end UIs primarily using Ruby and ERB templates without using much JavaScript by sending HTML instead of JSON over the wire.
 
 The Hotwire stack may be installed by invoking the `kaze install` command with no other additional arguments inside your app directory. This command publishes the authentication, views, routes, controllers, and other resources to your application.
 
@@ -76,6 +88,22 @@ bin/dev
 
 Next, you may navigate to your application's `/login` or `/register` URLs in your web browser. All of Kaze's routes are defined within the `config/routes.rb` file.
 
+## The frontend
+
+Both Inertia stacks are built on [shadcn/ui](https://ui.shadcn.com) — thirteen primitives apiece (button, input, label, checkbox, dialog, dropdown menu, separator, skeleton, sheet, tooltip, avatar, breadcrumb and sidebar), on Radix for React and [reka-ui](https://reka-ui.com) for Vue. shadcn copies source into a project rather than shipping a package, which is how Kaze already works, so these land in `app/javascript/Components/ui` and are yours to change.
+
+A `components.json` comes with them, so you can add more:
+
+```
+npx shadcn@latest add card
+```
+
+One thing to know if you reach for that: Kaze uses a capitalised `@/Components`, which `components.json` already records. The CLI will follow it, but an import you write by hand as `@/components/ui/card` will resolve on macOS and fail on Linux.
+
+Colour runs through design tokens — `bg-background`, `text-muted-foreground`, `border-sidebar-border` and so on, defined once per stylesheet as oklch variables — rather than per-element `dark:` pairs. Appearance is a user preference of light, dark or system, stored in `localStorage` and applied before first paint so the page never flashes the wrong theme; system follows the device and tracks it live. The application layout is a sidebar that collapses to icons and becomes a drawer on small screens, remembering its state in a cookie the server reads back.
+
+There is no shadcn for Hotwire. That stack gets the same look from ViewComponents written against the same tokens, with the handful of [lucide](https://lucide.dev) icons the layouts need inlined into an `IconComponent`, since it carries no npm dependencies at all.
+
 ## Upgrading
 
 Kaze copies files into your application and does not own them afterwards, so re-running `kaze install` cannot know whether a file it no longer ships was left over from an older version or written by you. `kaze upgrade` resolves that by asking:

data/lib/kaze/version.rb

@@ -1,3 +1,3 @@
 module Kaze
-  VERSION = '2.1.0'
+  VERSION = '2.1.1'
 end

data/stubs/hotwire/app/views/auth/forgot_password.html.erb

@@ -12,7 +12,7 @@
   </div>
   <div class="flex items-center justify-end mt-4">
     <%= render(PrimaryButtonComponent.new) do %>
-      Email Password Reset Link
+      Email password reset link
     <% end %>
   </div>
 <% end %>

data/stubs/hotwire/app/views/auth/login.html.erb

@@ -25,7 +25,7 @@
       Forgot your password?
     </a>
     <%= render(PrimaryButtonComponent.new({ class: "ms-4" })) do %>
-      Login
+      Log in
     <% end %>
   </div>
 <% end %>

data/stubs/hotwire/app/views/auth/register.html.erb

@@ -17,9 +17,9 @@
     <%= render(TextInputComponent.new({ id: "password", class: "block mt-1 w-full", type: "password", name: "password", required: true, autocomplete: "new-password" })) %>
     <%= render(InputErrorComponent.new({ class: "mt-2", message: @form.error_messages[:password] })) %>
   </div>
-  <!-- Confirm Password -->
+  <!-- Confirm password -->
   <div class="mt-4">
-    <%= render(InputLabelComponent.new({ for: "password_confirmation", value: "Confirm Password" })) %>
+    <%= render(InputLabelComponent.new({ for: "password_confirmation", value: "Confirm password" })) %>
     <%= render(TextInputComponent.new({ id: "password_confirmation", class: "block mt-1 w-full", type: "password", name: "password_confirmation", required: true, autocomplete: "new-password" })) %>
     <%= render(InputErrorComponent.new({ class: "mt-2", message: @form.error_messages[:password_confirmation] })) %>
   </div>

data/stubs/hotwire/app/views/auth/reset_password.html.erb

@@ -7,15 +7,15 @@
     <%= render(TextInputComponent.new({ id: "password", class: "block mt-1 w-full", type: "password", name: "password", required: true, autofocus: true, autocomplete: "new-password" })) %>
     <%= render(InputErrorComponent.new({ class: "mt-2", message: @form.error_messages[:password] })) %>
   </div>
-  <!-- Confirm Password -->
+  <!-- Confirm password -->
   <div class="mt-4">
-    <%= render(InputLabelComponent.new({ for: "password_confirmation", value: "Confirm Password" })) %>
+    <%= render(InputLabelComponent.new({ for: "password_confirmation", value: "Confirm password" })) %>
     <%= render(TextInputComponent.new({ id: "password_confirmation", class: "block mt-1 w-full", type: "password", name: "password_confirmation", required: true, autocomplete: "new-password" })) %>
     <%= render(InputErrorComponent.new({ class: "mt-2", message: @form.error_messages[:password_confirmation] })) %>
   </div>
   <div class="flex items-center justify-end mt-4">
     <%= render(PrimaryButtonComponent.new) do %>
-      Reset Password
+      Reset password
     <% end %>
   </div>
 <% end %>

data/stubs/hotwire/app/views/auth/verify_email.html.erb

@@ -10,14 +10,14 @@
   <form method="POST" action="<%= verification_send_path %>">
     <div>
       <%= render(PrimaryButtonComponent.new) do %>
-        Resend Verification Email
+        Resend verification email
       <% end %>
     </div>
   </form>
   <form method="POST" action="<%= logout_path %>">
     <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>">
     <button type="submit" class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800">
-      Log Out
+      Log out
     </button>
   </form>
 </div>

data/stubs/hotwire/app/views/layouts/_sidebar_user.html.erb

@@ -28,7 +28,7 @@
     <input type="hidden" name="authenticity_token" value="<%= form_authenticity_token %>">
     <%= render(DropdownLinkComponent.new({ href: logout_path, onclick: "event.preventDefault();this.closest('form').submit()" })) do %>
       <%= render(IconComponent.new('log-out')) %>
-      Log Out
+      Log out
     <% end %>
   </form>
 <% end %>

data/stubs/hotwire/app/views/settings/password/_update_password_form.html.erb

@@ -1,21 +1,21 @@
 <%= turbo_frame_tag 'update_password_form' do %>
   <section>
       <%= form_with model: @update_password_form, url: password_update_path, method: "put", class: "mt-6 space-y-6" do |update_password_form| %>
-      <!-- Current Password -->
+      <!-- Current password -->
       <div>
-        <%= render(InputLabelComponent.new({ for: "update_password_current_password", value: "Current Password" })) %>
+        <%= render(InputLabelComponent.new({ for: "update_password_current_password", value: "Current password" })) %>
         <%= render(TextInputComponent.new({ id: "update_password_current_password", class: "block mt-1 w-full", type: "password", name: "current_password", autocomplete: "current-password" })) %>
         <%= render(InputErrorComponent.new({ class: "mt-2", message: @update_password_form.error_messages[:current_password] })) %>
       </div>
-      <!-- New Password -->
+      <!-- New password -->
       <div>
-        <%= render(InputLabelComponent.new({ for: "update_password_password", value: "New Password" })) %>
+        <%= render(InputLabelComponent.new({ for: "update_password_password", value: "New password" })) %>
         <%= render(TextInputComponent.new({ id: "update_password_password", class: "block mt-1 w-full", type: "password", name: "password", autocomplete: "new-password" })) %>
         <%= render(InputErrorComponent.new({ class: "mt-2", message: @update_password_form.error_messages[:password] })) %>
       </div>
-      <!-- Confirm Password -->
+      <!-- Confirm password -->
       <div class="mt-4">
-        <%= render(InputLabelComponent.new({ for: "update_password_password_confirmation", value: "Confirm Password" })) %>
+        <%= render(InputLabelComponent.new({ for: "update_password_password_confirmation", value: "Confirm password" })) %>
         <%= render(TextInputComponent.new({ id: "update_password_password_confirmation", class: "block mt-1 w-full", type: "password", name: "password_confirmation", autocomplete: "new-password" })) %>
         <%= render(InputErrorComponent.new({ class: "mt-2", message: @update_password_form.error_messages[:password_confirmation] })) %>
       </div>

data/stubs/hotwire/app/views/settings/profile/_confirm_user_deletion_modal.html.erb

@@ -17,7 +17,7 @@
           Cancel
         <% end %>
         <%= render(DangerButtonComponent.new({ class: "ms-3" })) do %>
-          Delete Account
+          Delete account
         <% end %>
       </div>
     <% end %>

data/stubs/hotwire/app/views/settings/profile/_delete_user_form.html.erb

@@ -1,6 +1,6 @@
 <section class="space-y-6">
   <%= render(DangerButtonComponent.new({"x-data": "", "x-on:click.prevent": "$dispatch('open-modal', 'confirm-user-deletion')"})) do %>
-    Delete Account
+    Delete account
   <% end %>
 </section>
 <%= render 'settings/profile/confirm_user_deletion_modal' %>

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

@@ -19,7 +19,7 @@ export default function ForgotPassword({ status }: { status?: string }) {
 
   return (
     <GuestLayout>
-      <Head title="Forgot Password" />
+      <Head title="Forgot password" />
 
       <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
@@ -43,7 +43,7 @@ export default function ForgotPassword({ status }: { status?: string }) {
 
         <div className="flex items-center justify-end mt-4">
           <Button className="ms-4" disabled={processing}>
-            Email Password Reset Link
+            Email password reset link
           </Button>
         </div>
       </form>

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

@@ -80,7 +80,7 @@ export default function Register() {
         </div>
 
         <div className="mt-4">
-          <Label htmlFor="password_confirmation">Confirm Password</Label>
+          <Label htmlFor="password_confirmation">Confirm password</Label>
 
           <Input
             id="password_confirmation"

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

@@ -24,7 +24,7 @@ export default function ResetPassword({ token }: { token: string }) {
 
   return (
     <GuestLayout>
-      <Head title="Reset Password" />
+      <Head title="Reset password" />
 
       <form onSubmit={submit}>
         <div>
@@ -45,7 +45,7 @@ export default function ResetPassword({ token }: { token: string }) {
         </div>
 
         <div className="mt-4">
-          <Label htmlFor="password_confirmation">Confirm Password</Label>
+          <Label htmlFor="password_confirmation">Confirm password</Label>
 
           <Input
             type="password"
@@ -61,7 +61,7 @@ export default function ResetPassword({ token }: { token: string }) {
 
         <div className="flex items-center justify-end mt-4">
           <Button className="ms-4" disabled={processing}>
-            Reset Password
+            Reset password
           </Button>
         </div>
       </form>

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

@@ -15,7 +15,7 @@ export default function VerifyEmail({ status }: { status?: string }) {
 
   return (
     <GuestLayout>
-      <Head title="Email Verification" />
+      <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
@@ -30,7 +30,7 @@ export default function VerifyEmail({ status }: { status?: string }) {
 
       <form onSubmit={submit}>
         <div className="mt-4 flex items-center justify-between">
-          <Button disabled={processing}>Resend Verification Email</Button>
+          <Button disabled={processing}>Resend verification email</Button>
 
           <Link
             href={logout_path()}
@@ -38,7 +38,7 @@ export default function VerifyEmail({ status }: { status?: string }) {
             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-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
           >
-            Log Out
+            Log out
           </Link>
         </div>
       </form>

data/stubs/inertia-react-ts/app/javascript/Pages/Settings/Partials/DeleteUserForm.tsx

@@ -55,7 +55,7 @@ export default function DeleteUserForm({ className = '' }: { className?: string
   return (
     <section className={`space-y-6 ${className}`}>
       <Button variant="destructive" onClick={confirmUserDeletion}>
-        Delete Account
+        Delete account
       </Button>
 
       <Dialog open={confirmingUserDeletion} onOpenChange={(open) => !open && closeModal()}>
@@ -96,7 +96,7 @@ export default function DeleteUserForm({ className = '' }: { className?: string
               </Button>
 
               <Button variant="destructive" disabled={processing}>
-                Delete Account
+                Delete account
               </Button>
             </DialogFooter>
           </form>

data/stubs/inertia-react-ts/app/javascript/Pages/Settings/Partials/UpdatePasswordForm.tsx

@@ -41,7 +41,7 @@ export default function UpdatePasswordForm({ className = '' }: { className?: str
     <section className={className}>
       <form onSubmit={updatePassword} className="space-y-6">
         <div>
-          <Label htmlFor="current_password">Current Password</Label>
+          <Label htmlFor="current_password">Current password</Label>
 
           <Input
             id="current_password"
@@ -57,7 +57,7 @@ export default function UpdatePasswordForm({ className = '' }: { className?: str
         </div>
 
         <div>
-          <Label htmlFor="password">New Password</Label>
+          <Label htmlFor="password">New password</Label>
 
           <Input
             id="password"
@@ -73,7 +73,7 @@ export default function UpdatePasswordForm({ className = '' }: { className?: str
         </div>
 
         <div>
-          <Label htmlFor="password_confirmation">Confirm Password</Label>
+          <Label htmlFor="password_confirmation">Confirm password</Label>
 
           <Input
             id="password_confirmation"

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

@@ -22,7 +22,7 @@ const submit = () => {
 
 <template>
   <GuestLayout>
-    <Head title="Forgot Password" />
+    <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
@@ -52,7 +52,7 @@ const submit = () => {
 
       <div class="flex items-center justify-end mt-4">
         <Button :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
-          Email Password Reset Link
+          Email password reset link
         </Button>
       </div>
     </form>

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

@@ -75,7 +75,7 @@ const submit = () => {
       </div>
 
       <div class="mt-4">
-        <Label for="password_confirmation">Confirm Password</Label>
+        <Label for="password_confirmation">Confirm password</Label>
 
         <Input
           id="password_confirmation"

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

@@ -28,7 +28,7 @@ const submit = () => {
 
 <template>
   <GuestLayout>
-    <Head title="Reset Password" />
+    <Head title="Reset password" />
 
     <form @submit.prevent="submit">
       <div>
@@ -48,7 +48,7 @@ const submit = () => {
       </div>
 
       <div class="mt-4">
-        <Label for="password_confirmation">Confirm Password</Label>
+        <Label for="password_confirmation">Confirm password</Label>
 
         <Input
           id="password_confirmation"
@@ -63,7 +63,7 @@ const submit = () => {
       </div>
 
       <div class="flex items-center justify-end mt-4">
-        <Button :class="{ 'opacity-25': form.processing }" :disabled="form.processing"> Reset Password </Button>
+        <Button :class="{ 'opacity-25': form.processing }" :disabled="form.processing"> Reset password </Button>
       </div>
     </form>
   </GuestLayout>

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

@@ -20,7 +20,7 @@ const verificationLinkSent = computed(() => props.status === 'verification-link-
 
 <template>
   <GuestLayout>
-    <Head title="Email Verification" />
+    <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
@@ -34,7 +34,7 @@ const verificationLinkSent = computed(() => props.status === 'verification-link-
     <form @submit.prevent="submit">
       <div class="mt-4 flex items-center justify-between">
         <Button :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
-          Resend Verification Email
+          Resend verification email
         </Button>
 
         <Link
@@ -42,7 +42,7 @@ const verificationLinkSent = computed(() => props.status === 'verification-link-
           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-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
-          >Log Out</Link
+          >Log out</Link
         >
       </div>
     </form>

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

@@ -49,7 +49,7 @@ const closeModal = () => {
 
 <template>
   <section class="space-y-6">
-    <Button variant="destructive" @click="confirmUserDeletion">Delete Account</Button>
+    <Button variant="destructive" @click="confirmUserDeletion">Delete account</Button>
 
     <Dialog v-model:open="confirmingUserDeletion">
       <DialogContent>
@@ -87,7 +87,7 @@ const closeModal = () => {
             :disabled="form.processing"
             @click="deleteUser"
           >
-            Delete Account
+            Delete account
           </Button>
         </DialogFooter>
       </DialogContent>

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

@@ -40,7 +40,7 @@ const updatePassword = () => {
   <section>
     <form @submit.prevent="updatePassword" class="space-y-6">
       <div>
-        <Label for="current_password">Current Password</Label>
+        <Label for="current_password">Current password</Label>
 
         <Input
           id="current_password"
@@ -55,7 +55,7 @@ const updatePassword = () => {
       </div>
 
       <div>
-        <Label for="password">New Password</Label>
+        <Label for="password">New password</Label>
 
         <Input
           id="password"
@@ -70,7 +70,7 @@ const updatePassword = () => {
       </div>
 
       <div>
-        <Label for="password_confirmation">Confirm Password</Label>
+        <Label for="password_confirmation">Confirm password</Label>
 
         <Input
           id="password_confirmation"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: kaze
 version: !ruby/object:Gem::Version
-  version: 2.1.0
+  version: 2.1.1
 platform: ruby
 authors:
 - Cuong Giang
@@ -37,6 +37,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.6'
+- !ruby/object:Gem::Dependency
+  name: minitest
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement