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/components/PushNotificationPermission.vue

@@ -54,16 +54,16 @@
               <span class="flex flex-row justify-center">
                 <span class="mt-2">... at: </span>
                 <input
-                  type="number"
-                  @change="checkHourInput"
-                  class="rounded-l border border-r-0 border-slate-400 ml-2 mt-2 px-2 py-2 text-center w-20"
                   v-model="hourInput"
+                  type="number"
+                  class="rounded-l border border-r-0 border-slate-400 ml-2 mt-2 px-2 py-2 text-center w-20"
+                  @change="checkHourInput"
                 />
                 <input
-                  type="number"
-                  @change="checkMinuteInput"
-                  class="border border-slate-400 mt-2 px-2 py-2 text-center w-20"
                   v-model="minuteInput"
+                  type="number"
+                  class="border border-slate-400 mt-2 px-2 py-2 text-center w-20"
+                  @change="checkMinuteInput"
                 />
                 <span
                   class="rounded-r border border-slate-400 bg-slate-200 text-center text-blue-500 mt-2 px-2 py-2 w-20"
@@ -88,8 +88,8 @@
           </div>
 
           <button
-            @click="close()"
             class="block w-full text-center text-md font-bold uppercase bg-slate-600 text-white mt-4 px-2 py-2 rounded-md"
+            @click="close()"
           >
             No, Not Now
           </button>