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

@@ -17,9 +17,9 @@
         <div class="flex items-center">
           <h2 class="text-2xl">Current Meeting</h2>
           <button
-            @click="startEditing"
             class="mb-4 text-blue-600 hover:text-blue-800 transition-colors duration-200 ml-2"
             title="Edit Meeting"
+            @click="startEditing"
           >
             <font-awesome icon="pen" class="fa-fw" />
             <span class="sr-only">{{
@@ -28,11 +28,11 @@
           </button>
         </div>
         <button
-          @click="confirmDelete"
           class="text-red-600 hover:text-red-800 transition-colors duration-200"
           :disabled="isDeleting"
           :class="{ 'opacity-50 cursor-not-allowed': isDeleting }"
           title="Delete Meeting"
+          @click="confirmDelete"
         >
           <font-awesome icon="trash-can" class="fa-fw" />
           <span class="sr-only">{{
@@ -72,14 +72,14 @@
         </p>
         <div class="flex justify-between space-x-4">
           <button
-            @click="showDeleteConfirm = false"
             class="px-4 py-2 bg-slate-500 text-white rounded hover:bg-slate-700"
+            @click="showDeleteConfirm = false"
           >
             Cancel
           </button>
           <button
-            @click="deleteMeeting"
             class="px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700"
+            @click="deleteMeeting"
           >
             Delete
           </button>
@@ -101,8 +101,8 @@
       </h2>
       <!-- This is my first form. Not sure if I like it; will see if the browser benefits extend to the native app. -->
       <form
-        @submit.prevent="isInCreateMode() ? createMeeting() : updateMeeting()"
         class="space-y-4"
+        @submit.prevent="isInCreateMode() ? createMeeting() : updateMeeting()"
       >
         <div>
           <label
@@ -182,8 +182,8 @@
         <button
           v-if="isInEditOrCreateMode()"
           type="button"
-          @click="cancelEditing"
           class="w-full bg-slate-500 text-white px-4 py-2 rounded-md hover:bg-slate-600"
+          @click="cancelEditing"
         >
           Cancel
         </button>
@@ -211,8 +211,8 @@
       <MembersList
         :password="currentMeeting.password || ''"
         :show-organizer-tools="true"
-        @error="handleMembersError"
         class="mt-4"
+        @error="handleMembersError"
       />
     </div>