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

@@ -5,8 +5,8 @@
       <h1 class="text-lg text-center font-light relative px-7">
         <!-- Cancel -->
         <button
-          @click="$router.go(-1)"
           class="text-lg text-center px-2 py-1 absolute -left-2 -top-1"
+          @click="$router.go(-1)"
         >
           <font-awesome icon="chevron-left"></font-awesome>
         </button>
@@ -25,9 +25,9 @@
       </p>
       <ul class="mb-4">
         <li
-          class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-2"
           v-for="dids in didArrays"
           :key="dids[0]"
+          class="block bg-slate-100 rounded-md flex items-center px-4 py-3 mb-2"
           @click="switchAccount(dids[0])"
         >
           <font-awesome
@@ -51,15 +51,15 @@
     <div class="mt-8">
       <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
         <button
-          @click="incrementDerivation()"
           class="block w-full text-center text-lg font-bold 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-2 py-3 rounded-md"
+          @click="incrementDerivation()"
         >
           Increment and Import
         </button>
         <button
-          @click="onCancelClick()"
           type="button"
           class="block w-full text-center text-md uppercase bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white px-1.5 py-2 rounded-md"
+          @click="onCancelClick()"
         >
           Cancel
         </button>