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/components/OfferDialog.vue

@@ -3,11 +3,11 @@
     <div class="dialog">
       <h1 class="text-xl font-bold text-center mb-4">Offer Help</h1>
       <input
+        v-model="description"
         type="text"
         data-testId="inputDescription"
         class="block w-full rounded border border-slate-400 mb-2 px-3 py-2"
         placeholder="Description of what is offered"
-        v-model="description"
       />
       <div class="flex flex-row mt-2">
         <span
@@ -17,17 +17,17 @@
           {{ libsUtil.UNIT_SHORT[amountUnitCode] }}
         </span>
         <div
+          v-if="amountInput !== '0'"
           class="border border-r-0 border-slate-400 bg-slate-200 px-4 py-2"
           @click="decrement()"
-          v-if="amountInput !== '0'"
         >
           <font-awesome icon="chevron-left" />
         </div>
         <input
+          v-model="amountInput"
           data-testId="inputOfferAmount"
           type="number"
           class="w-full border border-r-0 border-slate-400 px-2 py-2 text-center"
-          v-model="amountInput"
         />
         <div
           class="rounded-r border border-slate-400 bg-slate-200 px-4 py-2"