update dependencies, update eslint config, update optional ts props types

resources/js/Pages/Teams/Partials/ImportData.vue

@@ -191,9 +191,9 @@ const showResultModal = ref(false);
                 <div>
                     <InputLabel for="importType" value="Import Type" />
                     <select
-                        name="importType"
                         id="importType"
                         v-model="importType"
+                        name="importType"
                         class="mt-1 block w-full border-input-border bg-input-background text-white focus:border-input-border-active rounded-md shadow-sm">
                         <option :value="null" selected disabled>
                             Select an import type to get instructions...
@@ -206,8 +206,8 @@ const showResultModal = ref(false);
                         </option>
                     </select>
                     <div
-                        class="py-3 text-white"
-                        v-if="currentImporterDescription">
+                        v-if="currentImporterDescription"
+                        class="py-3 text-white">
                         <div class="font-semibold text-muted py-1">
                             Instructions:
                         </div>
@@ -233,12 +233,12 @@ const showResultModal = ref(false);
                                     >Upload a Toggl/Clockify Export</span
                                 >
                                 <input
-                                    ref="importFile"
                                     id="file-upload"
+                                    ref="importFile"
                                     name="file-upload"
-                                    v-on:change="updateFiles"
                                     type="file"
-                                    class="sr-only" />
+                                    class="sr-only"
+                                    @change="updateFiles" />
                             </label>
                         </div>
                         <p class="text-xs leading-5 text-muted">

resources/js/Pages/Teams/Partials/OrganizationBillableRate.vue

@@ -62,10 +62,10 @@ function checkForConfirmationModal() {
         <template #form>
             <OrganizationBillableRateModal
                 v-model:show="showConfirmationModal"
-                @submit="submit"
                 :new-billable-rate="
                     organizationBody.billable_rate
-                "></OrganizationBillableRateModal>
+                "
+                @submit="submit"></OrganizationBillableRateModal>
             <!-- Organization Owner Information -->
             <div class="col-span-6">
                 <div class="col-span-6 sm:col-span-4">
@@ -75,8 +75,8 @@ function checkForConfirmationModal() {
                         value="Organization Billable Rate" />
                     <BillableRateInput
                         v-if="organization"
-                        :currency="getOrganizationCurrencyString()"
                         v-model="organizationBody.billable_rate"
+                        :currency="getOrganizationCurrencyString()"
                         name="organizationBillableRate"></BillableRateInput>
                 </div>
             </div>
@@ -86,10 +86,10 @@ function checkForConfirmationModal() {
                     <div class="flex items-center space-x-2">
                         <Checkbox
                             v-if="organization"
+                            id="organizationShowBillableRatesToEmployees"
                             v-model:checked="
                                 organizationBody.employees_can_see_billable_rates
-                            "
-                            id="organizationShowBillableRatesToEmployees"></Checkbox>
+                            "></Checkbox>
                         <InputLabel
                             for="organizationShowBillableRatesToEmployees"
                             value="Show Billable Rates to Employees" />

resources/js/Pages/Teams/Partials/UpdateTeamNameForm.vue

@@ -89,9 +89,9 @@ const updateTeamName = () => {
             <div class="col-span-6 sm:col-span-4">
                 <InputLabel for="currency" value="Currency" />
                 <select
-                    name="currency"
                     id="currency"
                     v-model="form.currency"
+                    name="currency"
                     :disabled="!permissions.canUpdateTeam"
                     class="mt-1 block w-full border-input-border bg-input-background text-white focus:border-input-border-active rounded-md shadow-sm">
                     <option value="" disabled>Select a currency</option>