chore: lint

Author: hunterliu1003

docs/components/content/LoginForm.vue

@@ -11,21 +11,22 @@ const emit = defineEmits<{
 
 const account = ref('')
 const password = ref('')
-
 </script>
 
 <template>
-  <h1 class="mb-4 text-2xl">Login</h1>
+  <h1 class="mb-4 text-2xl">
+    Login
+  </h1>
   <form @submit.prevent="emit('submit', { account, password })">
     <label>
       <span>Account:</span>
-      <input v-model="account" type="text" placeholder="Account" />
+      <input v-model="account" type="text" placeholder="Account">
     </label>
     <label>
       <span>Password:</span>
-      <input v-model="password" type="password" placeholder="Password" />
+      <input v-model="password" type="password" placeholder="Password">
     </label>
-    <input type="submit" value="Submit" />
+    <input type="submit" value="Submit">
   </form>
 </template>
 

docs/components/content/LoginFormModal.vue

@@ -16,6 +16,8 @@ const emit = defineEmits<{
     @update:model-value="val => emit('update:modelValue', val)"
   >
     <LoginForm @submit="formData => emit('submit', formData)" />
-    <button class="absolute top-4 right-4 w-8 h-8 text-2xl">x</button>
+    <button class="absolute top-4 right-4 w-8 h-8 text-2xl">
+      x
+    </button>
   </VueFinalModal>
 </template>

docs/components/content/Playground.vue

@@ -24,40 +24,40 @@ function reset() {
 <template>
   <div class="grid grid-cols-[150px_1fr] gap-y-2">
     <h3>modelValue:</h3>
-    <input type="checkbox" v-model="options.modelValue" />
+    <input v-model="options.modelValue" type="checkbox">
 
     <h3>hideOverlay:</h3>
-    <input type="checkbox" v-model="options.hideOverlay" />
+    <input v-model="options.hideOverlay" type="checkbox">
 
     <h3>clickToClose:</h3>
-    <input type="checkbox" v-model="options.clickToClose" />
+    <input v-model="options.clickToClose" type="checkbox">
 
     <h3>escToClose:</h3>
-    <input type="checkbox" v-model="options.escToClose" />
+    <input v-model="options.escToClose" type="checkbox">
 
     <h3>lockScroll:</h3>
-    <input type="checkbox" v-model="options.lockScroll" />
+    <input v-model="options.lockScroll" type="checkbox">
 
     <h3>displayDirective: </h3>
     <div class="flex space-x-4 whitespace-nowrap">
       <label for="if">
-        <input type="radio" v-model="options.displayDirective" id="if" name="displayDirective" value="if" />
+        <input id="if" v-model="options.displayDirective" type="radio" name="displayDirective" value="if">
         if
       </label>
       <label for="show">
-        <input type="radio" v-model="options.displayDirective" id="show" name="displayDirective" value="show" />
+        <input id="show" v-model="options.displayDirective" type="radio" name="displayDirective" value="show">
         show
       </label>
     </div>
 
     <h3>background: </h3>
     <div class="flex space-x-4 whitespace-nowrap">
       <label for="interactive">
-        <input type="radio" v-model="options.background" id="interactive" name="background" value="interactive" />
+        <input id="interactive" v-model="options.background" type="radio" name="background" value="interactive">
         interactive
       </label>
       <label for="non-interactive">
-        <input type="radio" v-model="options.background" id="non-interactive" name="background" value="non-interactive" />
+        <input id="non-interactive" v-model="options.background" type="radio" name="background" value="non-interactive">
         non-interactive
       </label>
     </div>
@@ -102,4 +102,4 @@ function reset() {
 button {
   @apply px-2 py-1 border rounded;
 }
-</style>
+</style>