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

@@ -26,10 +26,8 @@
         You aren't sharing your name, so quickly
         <br />
         <span
-          @click="
-            () => $refs.userNameDialog.open((name) => (this.givenName = name))
-          "
           class="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-1.5 py-1 rounded-md"
+          @click="() => $refs.userNameDialog.open((name) => (givenName = name))"
         >
           click here to set it for them.
         </span>
@@ -38,18 +36,18 @@
     <UserNameDialog ref="userNameDialog" />
 
     <div
-      @click="onCopyUrlToClipboard()"
       v-if="activeDid && activeDid.startsWith(ETHR_DID_PREFIX)"
       class="text-center"
+      @click="onCopyUrlToClipboard()"
     >
       <!--
         Play with display options: https://qr-code-styling.com/
         See docs: https://www.npmjs.com/package/qr-code-generator-vue3
       -->
       <QRCodeVue3
-        :value="this.qrValue"
-        :cornersSquareOptions="{ type: 'extra-rounded' }"
-        :dotsOptions="{ type: 'square' }"
+        :value="qrValue"
+        :corners-square-options="{ type: 'extra-rounded' }"
+        :dots-options="{ type: 'square' }"
         class="flex justify-center"
       />
       <span>
@@ -58,14 +56,14 @@
     </div>
     <div v-else-if="activeDid" class="text-center">
       <!-- Not an ETHR DID so force them to paste it. (Passkey Peer DIDs are too big.) -->
-      <span @click="onCopyDidToClipboard()" class="text-blue-500">
+      <span class="text-blue-500" @click="onCopyDidToClipboard()">
         Click here to copy your DID to your clipboard.
       </span>
       <span>
         Then give it to them so they can paste it in their list of People.
       </span>
     </div>
-    <div class="text-center" v-else>
+    <div v-else class="text-center">
       You have no identitifiers yet, so
       <router-link
         :to="{ name: 'start' }"