diff --git a/resources/js/Pages/Settings/Personalize/GroupTypes/Index.vue b/resources/js/Pages/Settings/Personalize/GroupTypes/Index.vue
index 1bbb287f9bb..31402f78829 100644
--- a/resources/js/Pages/Settings/Personalize/GroupTypes/Index.vue
+++ b/resources/js/Pages/Settings/Personalize/GroupTypes/Index.vue
@@ -121,7 +121,7 @@
             handle=".handle"
             @change="updatePosition">
             <template #item="{ element }">
-              <div v-if="editGroupTypeId !== element.id" class="">
+              <div v-if="editGroupTypeId !== element.id">
                 <div
                   class="item-list mb-2 rounded-lg border border-gray-200 bg-white py-2 pe-5 ps-4 hover:bg-slate-50 dark:border-gray-700 dark:bg-gray-900 hover:dark:bg-slate-800">
                   <div class="mb-3 flex items-center justify-between">
@@ -170,7 +170,7 @@
                       handle=".handle"
                       @change="updatePosition">
                       <template #item="{ element: element2 }">
-                        <div v-if="editRoleId !== element2.id" class="">
+                        <div v-if="editRoleId !== element2.id">
                           <div
                             class="item-list mb-2 rounded-lg border border-gray-200 bg-white py-2 pe-5 ps-4 hover:bg-slate-50 dark:border-gray-700 dark:bg-gray-900 hover:dark:bg-slate-800">
                             <div class="flex items-center justify-between">
diff --git a/resources/js/Pages/Settings/Personalize/Modules/Index.vue b/resources/js/Pages/Settings/Personalize/Modules/Index.vue
index df17a024528..a16068fcd6c 100644
--- a/resources/js/Pages/Settings/Personalize/Modules/Index.vue
+++ b/resources/js/Pages/Settings/Personalize/Modules/Index.vue
@@ -106,7 +106,7 @@
                   v-for="module in data.modules"
                   :key="module.id"
                   class="module-list border-b border-gray-200 px-5 py-2 hover:bg-slate-50 dark:border-gray-700 dark:bg-slate-900 hover:dark:bg-slate-800">
-                  <span class="">{{ module.name }}</span>
+                  <span>{{ module.name }}</span>
                 </li>
               </ul>
             </div>
diff --git a/resources/js/Pages/Settings/Personalize/PostTemplates/Index.vue b/resources/js/Pages/Settings/Personalize/PostTemplates/Index.vue
index 92a21813e0c..954138e018b 100644
--- a/resources/js/Pages/Settings/Personalize/PostTemplates/Index.vue
+++ b/resources/js/Pages/Settings/Personalize/PostTemplates/Index.vue
@@ -121,7 +121,7 @@
             handle=".handle"
             @change="updatePosition">
             <template #item="{ element }">
-              <div v-if="editPostTemplateId !== element.id" class="">
+              <div v-if="editPostTemplateId !== element.id">
                 <div
                   class="item-list mb-2 rounded-lg border border-gray-200 bg-white py-2 pe-5 ps-4 hover:bg-slate-50 dark:border-gray-700 dark:bg-gray-900 hover:dark:bg-slate-800">
                   <div class="mb-3 flex items-center justify-between">
@@ -173,7 +173,7 @@
                       handle=".handle"
                       @change="updatePosition">
                       <template #item="{ element: element2 }">
-                        <div v-if="editSectionId !== element2.id" class="">
+                        <div v-if="editSectionId !== element2.id">
                           <div
                             class="item-list mb-2 rounded-lg border border-gray-200 bg-white py-2 pe-5 ps-4 hover:bg-slate-50 dark:border-gray-700 dark:bg-gray-900 hover:dark:bg-slate-800">
                             <div class="flex items-center justify-between">
diff --git a/resources/js/Pages/Settings/Personalize/Templates/Partials/Pages.vue b/resources/js/Pages/Settings/Personalize/Templates/Partials/Pages.vue
index d9a7287d76c..9708b2a5569 100644
--- a/resources/js/Pages/Settings/Personalize/Templates/Partials/Pages.vue
+++ b/resources/js/Pages/Settings/Personalize/Templates/Partials/Pages.vue
@@ -219,7 +219,7 @@ export default {
       this.renamePageModalShownId = page.id;
 
       this.$nextTick().then(() => {
-        this.$refs.rename[0].focus();
+        this.$refs.rename.focus();
       });
     },
 
diff --git a/resources/js/Pages/Vault/Contact/Goals/Show.vue b/resources/js/Pages/Vault/Contact/Goals/Show.vue
index ee2d47d2b32..79f04c50752 100644
--- a/resources/js/Pages/Vault/Contact/Goals/Show.vue
+++ b/resources/js/Pages/Vault/Contact/Goals/Show.vue
@@ -114,7 +114,7 @@
             <p class="mb-2 text-xs">{{ $t('Details in the last year') }}</p>
             <div class="grid-calendar grid">
               <div v-for="week in localGoal.weeks" :key="week.id">
-                <div v-for="streak in week.streaks" :key="streak.id" class="">
+                <div v-for="streak in week.streaks" :key="streak.id">
                   <a-tooltip placement="topLeft" :title="streak.date" arrow-point-at-center>
                     <!-- there is a streak for this day -->
                     <div
diff --git a/resources/js/Pages/Vault/Contact/Photos/Show.vue b/resources/js/Pages/Vault/Contact/Photos/Show.vue
index 308c1b22bb9..8abfb4fe57b 100644
--- a/resources/js/Pages/Vault/Contact/Photos/Show.vue
+++ b/resources/js/Pages/Vault/Contact/Photos/Show.vue
@@ -102,7 +102,7 @@
           </span>
         </div>
 
-        <div class="">
+        <div>
           <img :src="data.url.display" alt="data.name" />
         </div>
       </div>
diff --git a/resources/js/Pages/Vault/Contact/Relationships/Create.vue b/resources/js/Pages/Vault/Contact/Relationships/Create.vue
index f44e89dc192..2549008eb2c 100644
--- a/resources/js/Pages/Vault/Contact/Relationships/Create.vue
+++ b/resources/js/Pages/Vault/Contact/Relationships/Create.vue
@@ -111,7 +111,7 @@
                   class="mb-2 inline-block flex-none rounded-md bg-gray-200 px-2 py-1 text-xs font-semibold uppercase tracking-wide text-gray-600 dark:text-gray-400">
                   {{ toRelationship }}
                 </p>
-                <div class="">
+                <div>
                   <!-- I don't know the name -->
                   <div class="mb-2 flex items-center">
                     <input
diff --git a/resources/js/Pages/Vault/Dashboard/Partials/DueTasks.vue b/resources/js/Pages/Vault/Dashboard/Partials/DueTasks.vue
index 6b231057dd1..629abd29c26 100644
--- a/resources/js/Pages/Vault/Dashboard/Partials/DueTasks.vue
+++ b/resources/js/Pages/Vault/Dashboard/Partials/DueTasks.vue
@@ -61,7 +61,7 @@
                     stroke-linejoin="round"
                     d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                 </svg>
-                <span class="">{{ task.due_at.formatted }}</span>
+                <span>{{ task.due_at.formatted }}</span>
               </span>
 
               <!-- contact -->
diff --git a/resources/js/Pages/Vault/Dashboard/Reminder/Index.vue b/resources/js/Pages/Vault/Dashboard/Reminder/Index.vue
index 0e036e5bdf2..52bf5708754 100644
--- a/resources/js/Pages/Vault/Dashboard/Reminder/Index.vue
+++ b/resources/js/Pages/Vault/Dashboard/Reminder/Index.vue
@@ -96,7 +96,7 @@
                     {{ reminder.contact.name }}
                   </InertiaLink>
                 </div>
-                <p class="">
+                <p>
                   {{ reminder.label }}
                 </p>
               </div>
diff --git a/resources/js/Pages/Vault/Dashboard/Task/Index.vue b/resources/js/Pages/Vault/Dashboard/Task/Index.vue
index 67bae8cc90e..c46adb6b1cb 100644
--- a/resources/js/Pages/Vault/Dashboard/Task/Index.vue
+++ b/resources/js/Pages/Vault/Dashboard/Task/Index.vue
@@ -76,7 +76,7 @@
                         d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
                     </svg>
 
-                    <span class="">{{ currentTask.due_at.formatted }}</span>
+                    <span>{{ currentTask.due_at.formatted }}</span>
                   </span>
                 </label>
               </div>
diff --git a/resources/js/Pages/Vault/Group/Edit.vue b/resources/js/Pages/Vault/Group/Edit.vue
index 7c9fccde73e..44cf7fb2810 100644
--- a/resources/js/Pages/Vault/Group/Edit.vue
+++ b/resources/js/Pages/Vault/Group/Edit.vue
@@ -116,7 +116,7 @@ const update = () => {
           <!-- group type -->
           <div class="border-b border-gray-200 p-5 dark:border-gray-700">
             <dropdown
-              v-model="form.group_type_id"
+              v-model.number="form.group_type_id"
               :data="data.group_types"
               :required="true"
               :placeholder="$t('Choose a value')"
diff --git a/resources/js/Pages/Vault/Journal/Post/Edit.vue b/resources/js/Pages/Vault/Journal/Post/Edit.vue
index 0c974f5e120..a4185cd2e1b 100644
--- a/resources/js/Pages/Vault/Journal/Post/Edit.vue
+++ b/resources/js/Pages/Vault/Journal/Post/Edit.vue
@@ -332,7 +332,7 @@ const destroy = () => {
           </div>
 
           <!-- right -->
-          <div class="">
+          <div>
             <!-- Publish action -->
             <div class="mb-2 rounded-lg border border-gray-200 text-center dark:border-gray-700 dark:bg-gray-900">
               <div class="rounded-b-lg bg-gray-50 p-5 dark:bg-gray-900">
diff --git a/resources/js/Pages/Vault/Journal/Post/Show.vue b/resources/js/Pages/Vault/Journal/Post/Show.vue
index ee50a399b90..fd0c8d8e62f 100644
--- a/resources/js/Pages/Vault/Journal/Post/Show.vue
+++ b/resources/js/Pages/Vault/Journal/Post/Show.vue
@@ -148,7 +148,7 @@ defineProps({
           </div>
 
           <!-- right -->
-          <div class="">
+          <div>
             <!-- contacts -->
             <div v-if="data.contacts.length > 0" class="mb-4">
               <p class="mb-2 text-sm font-semibold">{{ $t('Contacts in this post') }}</p>
diff --git a/resources/js/Pages/Vault/Journal/Show.vue b/resources/js/Pages/Vault/Journal/Show.vue
index c09d0a3da3a..2d5444cf125 100644
--- a/resources/js/Pages/Vault/Journal/Show.vue
+++ b/resources/js/Pages/Vault/Journal/Show.vue
@@ -123,7 +123,7 @@ const destroy = () => {
             <p v-if="data.tags.length > 0" class="mb-2 font-medium">
               <span class="me-1"> ⚡ </span> {{ $t('All tags') }}
             </p>
-            <ul v-if="data.tags.length > 0" class="">
+            <ul v-if="data.tags.length > 0">
               <li v-for="tag in data.tags" :key="tag.id" class="mb-2 flex items-center justify-between">
                 <span>{{ tag.name }}</span>
                 <span class="text-sm text-gray-400">{{ tag.count }}</span>
diff --git a/resources/js/Pages/Vault/Journal/Slices/Show.vue b/resources/js/Pages/Vault/Journal/Slices/Show.vue
index 70f85da8750..711f17fe654 100644
--- a/resources/js/Pages/Vault/Journal/Slices/Show.vue
+++ b/resources/js/Pages/Vault/Journal/Slices/Show.vue
@@ -266,7 +266,7 @@ const destroy = () => {
                   <span
                     ><Link :href="post.url.show" class="text-blue-500 hover:underline">{{ post.title }}</Link></span
                   >
-                  <p v-if="post.excerpt" class="">{{ post.excerpt }}</p>
+                  <p v-if="post.excerpt">{{ post.excerpt }}</p>
                 </div>
               </li>
             </ul>
diff --git a/resources/js/Shared/Modules/Addresses.vue b/resources/js/Shared/Modules/Addresses.vue
index fd33438c82b..b49b56e6014 100644
--- a/resources/js/Shared/Modules/Addresses.vue
+++ b/resources/js/Shared/Modules/Addresses.vue
@@ -253,7 +253,7 @@ const destroy = () => {
 
           <div class="grid grid-cols-2 gap-4 border-b border-gray-200 p-5 dark:border-gray-700">
             <dropdown
-              v-model="form.address_type_id"
+              v-model.number="form.address_type_id"
               :data="data.address_types"
               :required="false"
               :placeholder="$t('Choose a value')"
@@ -414,7 +414,7 @@ const destroy = () => {
 
               <div class="grid grid-cols-2 gap-4 border-b border-gray-200 p-5 dark:border-gray-700">
                 <dropdown
-                  v-model="form.address_type_id"
+                  v-model.number="form.address_type_id"
                   :data="data.address_types"
                   :required="false"
                   :placeholder="$t('Choose a value')"
@@ -595,7 +595,7 @@ const destroy = () => {
 
               <div class="grid grid-cols-2 gap-4 border-b border-gray-200 p-5 dark:border-gray-700">
                 <dropdown
-                  v-model="form.address_type_id"
+                  v-model.number="form.address_type_id"
                   :data="data.address_types"
                   :required="false"
                   :placeholder="$t('Choose a value')"
diff --git a/resources/js/Shared/Modules/ContactInformation.vue b/resources/js/Shared/Modules/ContactInformation.vue
index 3207655af4e..e1965cb3a80 100644
--- a/resources/js/Shared/Modules/ContactInformation.vue
+++ b/resources/js/Shared/Modules/ContactInformation.vue
@@ -57,7 +57,7 @@
         <div class="p-5">
           <!-- contact information types -->
           <dropdown
-            v-model="form.contact_information_type_id"
+            v-model.number="form.contact_information_type_id"
             :data="data.contact_information_types"
             :required="true"
             :placeholder="$t('Choose a value')"
@@ -127,7 +127,7 @@
               <div class="p-5">
                 <!-- contact information types -->
                 <dropdown
-                  v-model="form.contact_information_type_id"
+                  v-model.number="form.contact_information_type_id"
                   :data="data.contact_information_types"
                   :required="true"
                   :placeholder="$t('Choose a value')"
diff --git a/resources/js/Shared/Modules/Groups.vue b/resources/js/Shared/Modules/Groups.vue
index 809fcade545..f2b199a5e76 100644
--- a/resources/js/Shared/Modules/Groups.vue
+++ b/resources/js/Shared/Modules/Groups.vue
@@ -39,7 +39,7 @@
         <div class="border-b border-gray-200 p-5 dark:border-gray-700">
           <!-- group type -->
           <dropdown
-            v-model="form.group_id"
+            v-model.number="form.group_id"
             :data="localAvailableGroups"
             :required="true"
             :placeholder="$t('Choose a value')"
@@ -66,7 +66,7 @@
         <div v-if="chooseGroupTypeShown" class="border-b border-gray-200 p-5 dark:border-gray-700">
           <!-- group type -->
           <dropdown
-            v-model="form.group_type_id"
+            v-model.number="form.group_type_id"
             :data="data.group_types"
             :required="true"
             :placeholder="$t('Choose a value')"
@@ -78,7 +78,7 @@
         <div v-if="localGroupTypeRoles.length > 0 || chooseGroupTypeRoleShown" class="p-5">
           <!-- group role -->
           <dropdown
-            v-model="form.group_type_role_id"
+            v-model.number="form.group_type_role_id"
             :data="localGroupTypeRoles"
             :required="false"
             :placeholder="$t('Choose a value')"
diff --git a/resources/js/Shared/Modules/ImportantDates.vue b/resources/js/Shared/Modules/ImportantDates.vue
index a3fb53868ad..ef27936e6f0 100644
--- a/resources/js/Shared/Modules/ImportantDates.vue
+++ b/resources/js/Shared/Modules/ImportantDates.vue
@@ -27,7 +27,7 @@ defineProps({
     </div>
 
     <!-- list of dates -->
-    <ul v-for="date in data.dates" :key="date.id" class="">
+    <ul v-for="date in data.dates" :key="date.id">
       <li class="mb-1 flex items-center justify-between hover:bg-slate-50 dark:bg-slate-800 hover:dark:bg-slate-900">
         <span class="text-sm">{{ date.label }}</span>
         <span class="text-sm">
diff --git a/resources/js/Shared/Modules/JobInformation.vue b/resources/js/Shared/Modules/JobInformation.vue
index 4f438a53d19..461a29b1075 100644
--- a/resources/js/Shared/Modules/JobInformation.vue
+++ b/resources/js/Shared/Modules/JobInformation.vue
@@ -37,7 +37,7 @@
           <!-- companies -->
           <dropdown
             v-if="showDropdownCompanies"
-            v-model="form.company_id"
+            v-model.number="form.company_id"
             :data="localCompanies"
             :required="false"
             :class="'mb-2'"
diff --git a/resources/js/Shared/Modules/Loans.vue b/resources/js/Shared/Modules/Loans.vue
index 3a093362e24..acaf45f6b67 100644
--- a/resources/js/Shared/Modules/Loans.vue
+++ b/resources/js/Shared/Modules/Loans.vue
@@ -182,7 +182,7 @@ const toggle = (loan) => {
         <div class="border-b border-gray-200 dark:border-gray-700">
           <!-- loan options -->
           <div class="border-b border-gray-200 px-5 pb-3 pt-5 dark:border-gray-700">
-            <ul class="">
+            <ul>
               <li class="me-5 inline-block">
                 <div class="flex items-center">
                   <input
@@ -406,7 +406,7 @@ const toggle = (loan) => {
           <div class="border-b border-gray-200 dark:border-gray-700">
             <!-- loan options -->
             <div class="border-b border-gray-200 px-5 pb-3 pt-5 dark:border-gray-700">
-              <ul class="">
+              <ul>
                 <li class="me-5 inline-block">
                   <div class="flex items-center">
                     <input
diff --git a/resources/js/Shared/Modules/Pets.vue b/resources/js/Shared/Modules/Pets.vue
index aa1a0ed7484..dedee69e6fb 100644
--- a/resources/js/Shared/Modules/Pets.vue
+++ b/resources/js/Shared/Modules/Pets.vue
@@ -52,7 +52,7 @@
         <div class="p-5">
           <!-- pet categories -->
           <dropdown
-            v-model="form.pet_category_id"
+            v-model.number="form.pet_category_id"
             :data="data.pet_categories"
             :required="true"
             :placeholder="$t('Choose a value')"
@@ -117,7 +117,7 @@
               <div class="p-5">
                 <!-- pet categories -->
                 <dropdown
-                  v-model="form.pet_category_id"
+                  v-model.number="form.pet_category_id"
                   :data="data.pet_categories"
                   :required="true"
                   :placeholder="$t('Choose a value')"