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

@@ -22,17 +22,17 @@
     <div>
       <h2 class="text-2xl m-2">You're Here</h2>
       <div class="m-2 flex">
-        <input type="checkbox" v-model="attended" class="h-6 w-6" />
+        <input v-model="attended" type="checkbox" class="h-6 w-6" />
         <span class="pb-2 pl-2 pr-2">Attended</span>
       </div>
       <div class="m-2 flex">
-        <input type="checkbox" v-model="gaveTime" class="h-6 w-6" />
+        <input v-model="gaveTime" type="checkbox" class="h-6 w-6" />
         <span class="pb-2 pl-2 pr-2">Spent Time</span>
         <span v-if="gaveTime">
           <input
+            v-model="hoursStr"
             type="text"
             placeholder="How much time"
-            v-model="hoursStr"
             size="1"
             class="border border-slate-400 h-6 px-2"
           />
@@ -48,8 +48,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>