style: reorder v-model and v-bind directives

Changes:
- Move v-model directives before other attributes
- Move v-bind directives before event handlers
- Reorder attributes for better readability
- Fix template attribute ordering across components
- Improve eslint rules
- add default vite config for testing (handles nostr error too)
This follows Vue.js style guide recommendations for attribute
ordering and improves template consistency.

src/views/GiftedDetailsView.vue

@@ -44,9 +44,9 @@
       >
     </h1>
     <textarea
+      v-model="description"
       class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
       placeholder="What was received"
-      v-model="description"
     />
     <div class="flex flex-row justify-center">
       <span
@@ -62,9 +62,9 @@
         <font-awesome icon="chevron-left" />
       </div>
       <input
+        v-model="amountInput"
         type="number"
         class="border border-r-0 border-slate-400 px-2 py-2 text-center w-20"
-        v-model="amountInput"
       />
       <div
         class="rounded-r border border-slate-400 bg-slate-200 px-4 py-2"
@@ -81,8 +81,8 @@
         </a>
         <font-awesome
           icon="trash-can"
-          @click="confirmDeleteImage"
           class="text-red-500 fa-fw ml-8 mt-10"
+          @click="confirmDeleteImage"
         />
       </span>
       <span v-else>
@@ -101,9 +101,9 @@
         <div class="flex">
           <input
             v-if="giverDid && !providedByProject"
+            v-model="providedByGiver"
             type="checkbox"
             class="h-6 w-6 mr-2"
-            v-model="providedByGiver"
           />
           <font-awesome
             v-else
@@ -128,9 +128,9 @@
         <div class="flex">
           <input
             v-if="providerProjectId && !providedByGiver"
+            v-model="providedByProject"
             type="checkbox"
             class="h-6 w-6 mr-2"
-            v-model="providedByProject"
           />
           <font-awesome
             v-else
@@ -162,9 +162,9 @@
         <div class="flex">
           <input
             v-if="recipientDid && !givenToProject"
+            v-model="givenToRecipient"
             type="checkbox"
             class="h-6 w-6 mr-2"
-            v-model="givenToRecipient"
           />
           <font-awesome
             v-else
@@ -189,9 +189,9 @@
         <div class="flex">
           <input
             v-if="fulfillsProjectId && !givenToRecipient"
+            v-model="givenToProject"
             type="checkbox"
             class="h-6 w-6 mr-2"
-            v-model="givenToProject"
           />
           <font-awesome
             v-else
@@ -216,7 +216,7 @@
     </div>
 
     <div class="mt-8 flex">
-      <input type="checkbox" class="h-6 w-6 mr-2" v-model="isTrade" />
+      <input v-model="isTrade" type="checkbox" class="h-6 w-6 mr-2" />
       <label class="text-sm mt-1">This was a trade (not a gift)</label>
     </div>