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/OfferDetailsView.vue

@@ -33,9 +33,9 @@
       >
     </h1>
     <textarea
+      v-model="descriptionOfItem"
       class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
       placeholder="What is offered"
-      v-model="descriptionOfItem"
       data-testId="itemDescription"
     />
     <div class="flex flex-row justify-center">
@@ -52,9 +52,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"
         data-testId="inputOfferAmount"
       />
       <div
@@ -72,9 +72,9 @@
         Conditions
       </span>
       <textarea
+        v-model="descriptionOfCondition"
         class="w-full border border-slate-400 px-3 py-2 rounded-r"
         placeholder="Prerequisites, other people to include, etc."
-        v-model="descriptionOfCondition"
       />
     </div>
 
@@ -94,9 +94,9 @@
     <div class="h-7 mt-4 flex">
       <input
         v-if="projectId && !offeredToRecipient"
+        v-model="offeredToProject"
         type="checkbox"
         class="h-6 w-6 mr-2"
-        v-model="offeredToProject"
       />
       <font-awesome
         v-else
@@ -116,9 +116,9 @@
     <div class="h-7 mt-4 flex">
       <input
         v-if="recipientDid && !offeredToProject"
+        v-model="offeredToRecipient"
         type="checkbox"
         class="h-6 w-6 mr-2"
-        v-model="offeredToRecipient"
       />
       <font-awesome
         v-else