linting

Author: connorabbas

eslint.config.js

@@ -11,12 +11,20 @@ import typescriptEslint from 'typescript-eslint';
 export default typescriptEslint.config(
     { ignores: ['*.d.ts', '**/coverage', '**/dist', 'vendor/**'] },
     {
+        files: ['**/*.js'],
+        ...eslint.configs.recommended,
+        languageOptions: {
+            ecmaVersion: 'latest',
+            sourceType: 'module',
+        },
+    },
+    {
+        files: ['**/*.{ts,vue}'],
         extends: [
             eslint.configs.recommended,
             ...typescriptEslint.configs.recommended,
             ...eslintPluginVue.configs['flat/recommended'],
         ],
-        files: ['**/*.{ts,js,vue}'],
         languageOptions: {
             ecmaVersion: 'latest',
             globals: {

resources/js/Pages/Auth/ForgotPassword.vue

@@ -44,8 +44,8 @@ onMounted(() => {
             <div class="space-y-2">
                 <label for="email">Email</label>
                 <InputText
-                    ref="email-input"
                     id="email"
+                    ref="email-input"
                     v-model="form.email"
                     type="email"
                     required

resources/js/Pages/Auth/Login.vue

@@ -90,8 +90,8 @@ onMounted(() => {
                     <div class="flex items-center">
                         <Checkbox
                             id="remember"
-                            class="mr-2"
                             v-model="form.remember"
+                            class="mr-2"
                             :binary="true"
                         ></Checkbox>
                         <label for="remember">Remember me</label>

resources/js/Pages/Auth/Register.vue

@@ -33,8 +33,8 @@ onMounted(() => {
                 <InputText
                     id="name"
                     ref="name-input"
-                    type="text"
                     v-model="form.name"
+                    type="text"
                     :invalid="Boolean(form.errors.name)"
                     required
                     fluid

resources/js/Pages/Profile/Partials/DeleteUserForm.vue

@@ -44,12 +44,12 @@ function focusPasswordInput() {
 
             <div class="space-y-2">
                 <InputText
-                    autofocus
                     id="password"
                     ref="password-input"
                     v-model="form.password"
                     type="password"
                     placeholder="Password"
+                    autofocus
                     required
                     fluid
                     :invalid="Boolean(form.errors.password)"
@@ -85,10 +85,10 @@ function focusPasswordInput() {
         </Dialog>
 
         <Button
-            @click="modalOpen = true"
             label="Delete Account"
             severity="danger"
             raised
+            @click="modalOpen = true"
         />
     </section>
 </template>

resources/js/Pages/Profile/Partials/UpdatePasswordForm.vue

@@ -43,15 +43,15 @@ const updatePassword = () => {
 </script>
 
 <template>
-    <form @submit.prevent="updatePassword" class="space-y-6">
+    <form class="space-y-6" @submit.prevent="updatePassword">
         <div class="space-y-2">
             <label for="current_password">Current Password</label>
             <InputText
-                required
                 id="current_password"
                 ref="current-password-input"
-                type="password"
                 v-model="form.current_password"
+                type="password"
+                required
                 fluid
                 :invalid="Boolean(form.errors?.current_password)"
                 autocomplete="current-password"
@@ -69,11 +69,11 @@ const updatePassword = () => {
         <div class="space-y-2">
             <label for="password">New Password</label>
             <InputText
-                required
                 id="password"
                 ref="new-password-input"
-                type="password"
                 v-model="form.password"
+                type="password"
+                required
                 fluid
                 :invalid="Boolean(form.errors.password)"
                 autocomplete="new-password"
@@ -91,10 +91,10 @@ const updatePassword = () => {
         <div class="space-y-2">
             <label for="password_confirmation">Confirm Password</label>
             <InputText
-                required
                 id="password_confirmation"
-                type="password"
                 v-model="form.password_confirmation"
+                type="password"
+                required
                 fluid
                 :invalid="Boolean(form.errors.password_confirmation)"
                 autocomplete="new-password"

resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.vue

@@ -44,15 +44,15 @@ onMounted(() => {
 </script>
 
 <template>
-    <form @submit.prevent="updateProfileInformation" class="space-y-6">
+    <form class="space-y-6" @submit.prevent="updateProfileInformation">
         <div class="space-y-2">
             <label for="name">Name</label>
             <InputText
-                required
                 ref="name-input"
                 id="name"
-                type="text"
                 v-model="form.name"
+                type="text"
+                required
                 fluid
                 :invalid="Boolean(form.errors.name)"
                 autocomplete="name"
@@ -69,10 +69,10 @@ onMounted(() => {
         <div class="space-y-2">
             <label for="email">Email</label>
             <InputText
-                required
                 id="email"
-                type="email"
                 v-model="form.email"
+                type="email"
+                required
                 fluid
                 :invalid="Boolean(form.errors.email)"
                 autocomplete="username"