diff --git a/resources/js/Components/Blogs/CreateEditForm.vue b/resources/js/Components/Blogs/CreateEditForm.vue
index 75e6153..bb19718 100644
--- a/resources/js/Components/Blogs/CreateEditForm.vue
+++ b/resources/js/Components/Blogs/CreateEditForm.vue
@@ -1,6 +1,6 @@
 <script setup>
-import {ref} from 'vue'
-import {useForm} from '@inertiajs/vue3'
+import { ref } from 'vue'
+import { useForm } from '@inertiajs/vue3'
 import Form from '@/Components/Form/Form.vue'
 import Editor from '@/Components/Editor/Editor.vue'
 import Select from '@/Components/Inputs/Select.vue'
@@ -88,11 +88,11 @@ window.addEventListener('beforeunload', confirmLeave)
                 :current-image="blog.cover"
                 label="Cover Image"
             />
-            <InputError :message="form.errors.cover_image"/>
+            <InputError :message="form.errors.cover_image" />
         </FormElement>
 
         <FormElement>
-            <Checkbox v-model="form.is_draft" label="Is Draft" :error="form.errors.is_draft"/>
+            <Checkbox v-model="form.is_draft" label="Is Draft" :error="form.errors.is_draft" />
         </FormElement>
 
         <FormGrid>
@@ -164,8 +164,8 @@ window.addEventListener('beforeunload', confirmLeave)
         </FormElement>
 
         <FormElement>
-            <Editor v-model="form.content" :blog="blog"/>
-            <InputError :message="form.errors.content"/>
+            <Editor v-model="form.content" :blog="blog" />
+            <InputError :message="form.errors.content" />
         </FormElement>
 
         <PrimaryButton as="submit" @click.prevent="submit">
diff --git a/resources/js/Components/Inputs/TextArea.vue b/resources/js/Components/Inputs/TextArea.vue
index 739ffe0..909a598 100644
--- a/resources/js/Components/Inputs/TextArea.vue
+++ b/resources/js/Components/Inputs/TextArea.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {onMounted, ref} from 'vue'
+import { onMounted, ref } from 'vue'
 import InputLabel from '@/Components/Inputs/InputLabel.vue'
 import InputError from '@/Components/Inputs/InputError.vue'
 
@@ -15,8 +15,8 @@ defineProps({
     },
     showCharacterCount: {
         type: Boolean,
-        default: true
-    }
+        default: true,
+    },
 })
 
 const model = defineModel({
@@ -32,12 +32,12 @@ onMounted(() => {
     }
 })
 
-defineExpose({focus: () => input.value.focus()})
+defineExpose({ focus: () => input.value.focus() })
 </script>
 
 <template>
     <div>
-        <InputLabel :value="label"/>
+        <InputLabel :value="label" />
 
         <textarea
             type="text"
@@ -46,9 +46,11 @@ defineExpose({focus: () => input.value.focus()})
             ref="input"
         />
 
-        <div v-if="showCharacterCount" class="text-gray-400 text-xs"> Characters: {{ model.length }}</div>
-        <div class="text-gray-500 text-sm"> {{ description }}</div>
+        <div v-if="showCharacterCount" class="text-gray-400 text-xs">
+            Characters: {{ model.length }}
+        </div>
+        <div class="text-gray-500 text-sm">{{ description }}</div>
 
-        <InputError :message="error"/>
+        <InputError :message="error" />
     </div>
 </template>
diff --git a/resources/js/Components/Inputs/TextInput.vue b/resources/js/Components/Inputs/TextInput.vue
index 1ba6adf..bd69b74 100644
--- a/resources/js/Components/Inputs/TextInput.vue
+++ b/resources/js/Components/Inputs/TextInput.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {onMounted, ref} from 'vue'
+import { onMounted, ref } from 'vue'
 import InputLabel from '@/Components/Inputs/InputLabel.vue'
 import InputError from '@/Components/Inputs/InputError.vue'
 
@@ -25,8 +25,8 @@ defineProps({
     },
     showCharacterCount: {
         type: Boolean,
-        default: true
-    }
+        default: true,
+    },
 })
 
 const model = defineModel({
@@ -42,12 +42,12 @@ onMounted(() => {
     }
 })
 
-defineExpose({focus: () => input.value.focus()})
+defineExpose({ focus: () => input.value.focus() })
 </script>
 
 <template>
     <div>
-        <InputLabel :for-input="id" :value="label"/>
+        <InputLabel :for-input="id" :value="label" />
 
         <input
             :id="id"
@@ -59,9 +59,11 @@ defineExpose({focus: () => input.value.focus()})
             class="w-full !border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm"
         />
 
-        <div v-if="showCharacterCount" class="text-gray-400 text-xs"> Characters: {{ model.length }}</div>
-        <div class="text-gray-500 text-sm"> {{ description }}</div>
+        <div v-if="showCharacterCount" class="text-gray-400 text-xs">
+            Characters: {{ model.length }}
+        </div>
+        <div class="text-gray-500 text-sm">{{ description }}</div>
 
-        <InputError :message="error"/>
+        <InputError :message="error" />
     </div>
 </template>
diff --git a/resources/js/Pages/Auth/ConfirmPassword.vue b/resources/js/Pages/Auth/ConfirmPassword.vue
index c609b96..8e3faf5 100644
--- a/resources/js/Pages/Auth/ConfirmPassword.vue
+++ b/resources/js/Pages/Auth/ConfirmPassword.vue
@@ -4,7 +4,7 @@ import InputError from '@/Components/Inputs/InputError.vue'
 import InputLabel from '@/Components/Inputs/InputLabel.vue'
 import PrimaryButton from '@/Components/Buttons/PrimaryButton.vue'
 import TextInput from '@/Components/Inputs/TextInput.vue'
-import {Head, useForm} from '@inertiajs/vue3'
+import { Head, useForm } from '@inertiajs/vue3'
 import FormElement from '@/Components/Form/FormElement.vue'
 
 const form = useForm({
@@ -20,7 +20,7 @@ const submit = () => {
 
 <template>
     <GuestLayout>
-        <Head title="Confirm Password"/>
+        <Head title="Confirm Password" />
 
         <div class="mb-4 text-sm text-gray-600">
             This is a secure area of the application. Please confirm your password before
diff --git a/resources/js/Pages/Auth/ForgotPassword.vue b/resources/js/Pages/Auth/ForgotPassword.vue
index e871345..b4c02b3 100644
--- a/resources/js/Pages/Auth/ForgotPassword.vue
+++ b/resources/js/Pages/Auth/ForgotPassword.vue
@@ -4,7 +4,7 @@ import InputError from '@/Components/Inputs/InputError.vue'
 import InputLabel from '@/Components/Inputs/InputLabel.vue'
 import PrimaryButton from '@/Components/Buttons/PrimaryButton.vue'
 import TextInput from '@/Components/Inputs/TextInput.vue'
-import {Head, useForm} from '@inertiajs/vue3'
+import { Head, useForm } from '@inertiajs/vue3'
 
 defineProps({
     status: {
@@ -23,7 +23,7 @@ const submit = () => {
 
 <template>
     <GuestLayout>
-        <Head title="Forgot Password"/>
+        <Head title="Forgot Password" />
 
         <div class="mb-4 text-sm text-gray-600">
             Forgot your password? No problem. Just let us know your email address and we will email
diff --git a/resources/js/Pages/Auth/Login.vue b/resources/js/Pages/Auth/Login.vue
index 32ad7cd..15fa0bf 100644
--- a/resources/js/Pages/Auth/Login.vue
+++ b/resources/js/Pages/Auth/Login.vue
@@ -5,7 +5,7 @@ import InputError from '@/Components/Inputs/InputError.vue'
 import InputLabel from '@/Components/Inputs/InputLabel.vue'
 import PrimaryButton from '@/Components/Buttons/PrimaryButton.vue'
 import TextInput from '@/Components/Inputs/TextInput.vue'
-import {Head, Link, useForm} from '@inertiajs/vue3'
+import { Head, Link, useForm } from '@inertiajs/vue3'
 import FormElement from '@/Components/Form/FormElement.vue'
 
 defineProps({
@@ -32,7 +32,7 @@ const submit = () => {
 
 <template>
     <GuestLayout>
-        <Head title="Log in"/>
+        <Head title="Log in" />
 
         <div v-if="status" class="mb-4 font-medium text-sm text-green-600">
             {{ status }}
@@ -66,7 +66,7 @@ const submit = () => {
             </FormElement>
 
             <FormElement>
-                <Checkbox label="Remember Me" v-model="form.remember"/>
+                <Checkbox label="Remember Me" v-model="form.remember" />
             </FormElement>
 
             <div class="flex items-center justify-end mt-4">
diff --git a/resources/js/Pages/Auth/Register.vue b/resources/js/Pages/Auth/Register.vue
index 811f951..0be3f8c 100644
--- a/resources/js/Pages/Auth/Register.vue
+++ b/resources/js/Pages/Auth/Register.vue
@@ -4,7 +4,7 @@ import InputError from '@/Components/Inputs/InputError.vue'
 import InputLabel from '@/Components/Inputs/InputLabel.vue'
 import PrimaryButton from '@/Components/Buttons/PrimaryButton.vue'
 import TextInput from '@/Components/Inputs/TextInput.vue'
-import {Head, Link, useForm} from '@inertiajs/vue3'
+import { Head, Link, useForm } from '@inertiajs/vue3'
 import FormElement from '@/Components/Form/FormElement.vue'
 
 const form = useForm({
@@ -23,7 +23,7 @@ const submit = () => {
 
 <template>
     <GuestLayout>
-        <Head title="Register"/>
+        <Head title="Register" />
 
         <form @submit.prevent="submit">
             <FormElement>
diff --git a/resources/js/Pages/Auth/ResetPassword.vue b/resources/js/Pages/Auth/ResetPassword.vue
index 34e4240..5543ae7 100644
--- a/resources/js/Pages/Auth/ResetPassword.vue
+++ b/resources/js/Pages/Auth/ResetPassword.vue
@@ -4,7 +4,7 @@ import InputError from '@/Components/Inputs/InputError.vue'
 import InputLabel from '@/Components/Inputs/InputLabel.vue'
 import PrimaryButton from '@/Components/Buttons/PrimaryButton.vue'
 import TextInput from '@/Components/Inputs/TextInput.vue'
-import {Head, useForm} from '@inertiajs/vue3'
+import { Head, useForm } from '@inertiajs/vue3'
 import FormElement from '@/Components/Form/FormElement.vue'
 
 const props = defineProps({
@@ -34,7 +34,7 @@ const submit = () => {
 
 <template>
     <GuestLayout>
-        <Head title="Reset Password"/>
+        <Head title="Reset Password" />
 
         <form @submit.prevent="submit">
             <FormElement>
diff --git a/resources/js/Pages/Dashboard/Blogs/Edit.vue b/resources/js/Pages/Dashboard/Blogs/Edit.vue
index 40ce312..286aaff 100644
--- a/resources/js/Pages/Dashboard/Blogs/Edit.vue
+++ b/resources/js/Pages/Dashboard/Blogs/Edit.vue
@@ -6,8 +6,7 @@ defineProps({
     blog: {
         type: Object,
         required: false,
-        default: () => {
-        },
+        default: () => {},
     },
     collections: {
         type: Array,
@@ -24,6 +23,6 @@ defineProps({
 
 <template>
     <AuthenticatedLayout title="Edit Blog">
-        <CreateEditForm :blog="blog" :tags="tags" :collections="collections"/>
+        <CreateEditForm :blog="blog" :tags="tags" :collections="collections" />
     </AuthenticatedLayout>
 </template>
diff --git a/resources/js/Pages/Profile/Edit.vue b/resources/js/Pages/Profile/Edit.vue
index f18996a..0a6b096 100644
--- a/resources/js/Pages/Profile/Edit.vue
+++ b/resources/js/Pages/Profile/Edit.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {Head, Link} from '@inertiajs/vue3'
+import { Head, Link } from '@inertiajs/vue3'
 import ProfileLayout from '@/Layouts/ProfileLayout.vue'
 import DeleteUserForm from './Partials/DeleteUserForm.vue'
 import UpdatePasswordForm from './Partials/UpdatePasswordForm.vue'
@@ -16,7 +16,7 @@ defineProps({
 </script>
 
 <template>
-    <Head title="Profile"/>
+    <Head title="Profile" />
 
     <ProfileLayout>
         <div class="py-12">
@@ -30,11 +30,11 @@ defineProps({
                 </div>
 
                 <div class="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
-                    <UpdatePasswordForm class="max-w-xl"/>
+                    <UpdatePasswordForm class="max-w-xl" />
                 </div>
 
                 <div class="p-4 sm:p-8 bg-white shadow sm:rounded-lg">
-                    <DeleteUserForm class="max-w-xl"/>
+                    <DeleteUserForm class="max-w-xl" />
                 </div>
 
                 <Link
diff --git a/resources/js/Pages/Profile/Partials/DeleteUserForm.vue b/resources/js/Pages/Profile/Partials/DeleteUserForm.vue
index dae3c86..c986059 100644
--- a/resources/js/Pages/Profile/Partials/DeleteUserForm.vue
+++ b/resources/js/Pages/Profile/Partials/DeleteUserForm.vue
@@ -1,6 +1,6 @@
 <script setup>
-import {nextTick, ref} from 'vue'
-import {useForm} from '@inertiajs/vue3'
+import { nextTick, ref } from 'vue'
+import { useForm } from '@inertiajs/vue3'
 import Modal from '@/Components/Modal.vue'
 import TextInput from '@/Components/Inputs/TextInput.vue'
 import FormElement from '@/Components/Form/FormElement.vue'
diff --git a/resources/js/Pages/Profile/Partials/UpdatePasswordForm.vue b/resources/js/Pages/Profile/Partials/UpdatePasswordForm.vue
index 99e4d2a..df0c566 100644
--- a/resources/js/Pages/Profile/Partials/UpdatePasswordForm.vue
+++ b/resources/js/Pages/Profile/Partials/UpdatePasswordForm.vue
@@ -1,6 +1,6 @@
 <script setup>
-import {ref} from 'vue'
-import {useForm} from '@inertiajs/vue3'
+import { ref } from 'vue'
+import { useForm } from '@inertiajs/vue3'
 import TextInput from '@/Components/Inputs/TextInput.vue'
 import FormElement from '@/Components/Form/FormElement.vue'
 import PrimaryButton from '@/Components/Buttons/PrimaryButton.vue'
diff --git a/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.vue b/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.vue
index cb16be4..8b4588d 100644
--- a/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.vue
+++ b/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.vue
@@ -1,6 +1,6 @@
 :show-character-count="false"
 <script setup>
-import {Link, useForm, usePage} from '@inertiajs/vue3'
+import { Link, useForm, usePage } from '@inertiajs/vue3'
 import TextInput from '@/Components/Inputs/TextInput.vue'
 import FormElement from '@/Components/Form/FormElement.vue'
 import PrimaryButton from '@/Components/Buttons/PrimaryButton.vue'