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

@@ -29,9 +29,9 @@
       </div>
       <ul class="border-t border-slate-300 m-2">
         <li
-          class="border-b border-slate-300 py-2"
           v-for="record in claimsToConfirm"
           :key="record.id"
+          class="border-b border-slate-300 py-2"
         >
           <div class="grid grid-cols-12">
             <span class="col-span-11 justify-self-start">
@@ -39,6 +39,7 @@
                 <input
                   type="checkbox"
                   :checked="claimsToConfirmSelected.includes(record.id)"
+                  class="mr-2 h-6 w-6"
                   @click="
                     claimsToConfirmSelected.includes(record.id)
                       ? claimsToConfirmSelected.splice(
@@ -47,7 +48,6 @@
                         )
                       : claimsToConfirmSelected.push(record.id)
                   "
-                  class="mr-2 h-6 w-6"
                 />
               </span>
               {{
@@ -96,18 +96,18 @@
     <div>
       <h2 class="text-2xl m-2">Anything else?</h2>
       <div class="m-2 flex">
-        <input type="checkbox" v-model="someoneGave" class="h-6 w-6" />
+        <input v-model="someoneGave" type="checkbox" class="h-6 w-6" />
         <span class="pb-2 pl-2 pr-2">The group provided</span>
         <span v-if="someoneGave">
           <input
-            type="text"
             v-model="description"
+            type="text"
             size="20"
             class="border border-slate-400 h-6 px-2"
           />
           <br />
           (Everyone likes personalized messages! 😁 ... and for a pic:
-          <input type="checkbox" v-model="supplyGiftDetails" />)
+          <input v-model="supplyGiftDetails" type="checkbox" />)
         </span>
         <!-- This is to match input height to avoid shifting when hiding & showing. -->
         <span v-else class="h-6">...</span>
@@ -119,8 +119,8 @@
       class="flex justify-center mt-4"
     >
       <button
-        @click="record()"
         class="block text-center text-md font-bold bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-2 py-3 rounded-md w-56"
+        @click="record()"
       >
         Sign & Send
       </button>