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

@@ -30,8 +30,8 @@
           <span class="text-right">
             <button
               type="button"
-              @click="openDialog()"
               class="block w-full text-center text-sm uppercase 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-3 py-1.5 rounded-md"
+              @click="openDialog()"
             >
               <font-awesome icon="gift" class="fa-fw"></font-awesome>
             </button>
@@ -47,7 +47,7 @@
           <span class="grow font-semibold">
             <EntityIcon
               :contact="contact"
-              :iconSize="32"
+              :icon-size="32"
               class="inline-block align-middle border border-slate-300 rounded-md mr-1"
             />
             {{ contact.name || "(no name)" }}
@@ -55,8 +55,8 @@
           <span class="text-right">
             <button
               type="button"
-              @click="openDialog(contact)"
               class="block w-full text-center text-sm uppercase 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-3 py-1.5 rounded-md"
+              @click="openDialog(contact)"
             >
               <font-awesome icon="gift" class="fa-fw"></font-awesome>
             </button>
@@ -65,7 +65,7 @@
       </li>
     </ul>
 
-    <GiftedDialog ref="customDialog" :toProjectId="projectId" />
+    <GiftedDialog ref="customDialog" :to-project-id="projectId" />
   </section>
 </template>