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

@@ -8,8 +8,8 @@
         <!-- Cancel -->
         <!-- Back -->
         <button
-          @click="$router.back()"
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+          @click="$router.back()"
         >
           <font-awesome icon="chevron-left" class="fa-fw"></font-awesome>
         </button>
@@ -25,10 +25,10 @@
     </div>
 
     <input
+      v-model="fullClaim.name"
       type="text"
       placeholder="Idea Name"
       class="block w-full rounded border border-slate-400 mb-4 px-3 py-2"
-      v-model="fullClaim.name"
     />
 
     <div class="flex justify-center mt-4">
@@ -38,8 +38,8 @@
         </a>
         <font-awesome
           icon="trash-can"
-          @click="confirmDeleteImage"
           class="text-red-500 fa-fw ml-8 mt-10"
+          @click="confirmDeleteImage"
         />
       </span>
       <span v-else>
@@ -53,27 +53,27 @@
     <ImageMethodDialog ref="imageDialog" />
 
     <input
+      v-model="agentDid"
       type="text"
       placeholder="Other Authorized Representative"
       class="mt-4 block w-full rounded border border-slate-400 px-3 py-2"
-      v-model="agentDid"
     />
     <div class="mb-4">
       <p v-if="activeDid != projectIssuerDid && agentDid != projectIssuerDid">
         <span class="text-red-500">Beware!</span>
         If you save this, the original project owner will no longer be able to
         edit it.
-        <button @click="agentDid = projectIssuerDid" class="text-blue-500">
+        <button class="text-blue-500" @click="agentDid = projectIssuerDid">
           Click here to make the original owner an authorized representative.
         </button>
       </p>
     </div>
 
     <textarea
+      v-model="fullClaim.description"
       placeholder="Description"
       class="block w-full rounded border border-slate-400 px-3 py-2"
       rows="5"
-      v-model="fullClaim.description"
       maxlength="5000"
     ></textarea>
     <div class="text-xs text-slate-500 italic">
@@ -102,9 +102,9 @@
           class="rounded border border-slate-400 px-3 py-2"
         />
         <input
+          v-model="startTimeInput"
           :disabled="!startDateInput"
           placeholder="Start Time"
-          v-model="startTimeInput"
           type="time"
           class="rounded border border-slate-400 ml-2 px-3 py-2"
         />
@@ -127,9 +127,9 @@
           class="ml-2 rounded border border-slate-400 px-3 py-2"
         />
         <input
+          v-model="endTimeInput"
           :disabled="!endDateInput"
           placeholder="End Time"
-          v-model="endTimeInput"
           type="time"
           class="rounded border border-slate-400 ml-2 px-3 py-2"
         />
@@ -140,7 +140,7 @@
       class="flex items-center mt-4"
       @click="includeLocation = !includeLocation"
     >
-      <input type="checkbox" class="mr-2" v-model="includeLocation" />
+      <input v-model="includeLocation" type="checkbox" class="mr-2" />
       <label for="includeLocation">Include Location</label>
     </div>
     <div v-if="includeLocation" class="mb-4 aspect-video">
@@ -179,7 +179,7 @@
       class="items-center mb-4"
     >
       <div class="flex" @click="sendToTrustroots = !sendToTrustroots">
-        <input type="checkbox" class="mr-2" v-model="sendToTrustroots" />
+        <input v-model="sendToTrustroots" type="checkbox" class="mr-2" />
         <label>Send to Trustroots</label>
         <font-awesome
           icon="circle-info"