chore: fix vue prettier rules (max-attributes-per-line), reformat all codes

src/renderer/screens/MainScreen.vue

@@ -4,7 +4,13 @@ import { useTheme } from 'vuetify'
 import { openExternal, openFile } from '@/renderer/utils'
 import { useCounterStore } from '@/renderer/store/counter'
 import { onMounted, ref } from 'vue'
-import { mdiBrightness6, mdiFileDocument, mdiFolderOpen, mdiGithub, mdiPlusCircle } from '@mdi/js'
+import {
+  mdiBrightness6,
+  mdiFileDocument,
+  mdiFolderOpen,
+  mdiGithub,
+  mdiPlusCircle
+} from '@mdi/js'
 import { storeToRefs } from 'pinia'
 
 const { t, locale, availableLocales } = useI18n()
@@ -58,9 +64,15 @@ const handleOpenFile = async () => {
 
 <template>
   <v-container>
-    <v-row no-gutters class="text-center align-center">
-      <v-col cols="12" md="5">
-        <img
+    <v-row
+      no-gutters
+      class="text-center align-center"
+    >
+      <v-col
+        cols="12"
+        md="5"
+      >
+        <v-img
           data-testid="main-logo"
           alt="logo"
           draggable="false"
@@ -68,56 +80,103 @@ const handleOpenFile = async () => {
           src="/images/vutron-logo.webp"
         />
       </v-col>
-      <v-col cols="12" md="7">
-        <h2 class="my-4">{{ t('desc.welcome-title') }}</h2>
+      <v-col
+        cols="12"
+        md="7"
+      >
+        <h2 class="my-4">
+          {{ t('desc.welcome-title') }}
+        </h2>
         <p>{{ t('desc.welcome-desc') }}</p>
         <p class="my-4">
           App Version: <strong>{{ appVersion }}</strong>
         </p>
-        <p v-if="selectedFile">{{
-          t('desc.selected-file', {
-            filePath: selectedFile
-          })
-        }}</p>
+        <p v-if="selectedFile">
+          {{
+            t('desc.selected-file', {
+              filePath: selectedFile
+            })
+          }}
+        </p>
         <v-row class="my-4">
           <v-col>
-            <v-btn icon color="primary" @click="handleChangeTheme">
+            <v-btn
+              icon
+              color="primary"
+              @click="handleChangeTheme"
+            >
               <v-icon :icon="mdiBrightness6" />
-              <v-tooltip activator="parent" location="bottom">
+              <v-tooltip
+                activator="parent"
+                location="bottom"
+              >
                 {{ t('menu.change-theme') }}
               </v-tooltip>
             </v-btn>
           </v-col>
           <v-col>
-            <v-badge data-testid="counter-badge" color="blue" :content="count">
-              <v-btn data-testid="btn-counter" icon color="primary" @click="handleCountIncrease">
+            <v-badge
+              data-testid="counter-badge"
+              color="blue"
+              :content="count"
+            >
+              <v-btn
+                data-testid="btn-counter"
+                icon
+                color="primary"
+                @click="handleCountIncrease"
+              >
                 <v-icon :icon="mdiPlusCircle" />
-                <v-tooltip activator="parent" location="bottom">
+                <v-tooltip
+                  activator="parent"
+                  location="bottom"
+                >
                   {{ t('menu.increase-count') }}
                 </v-tooltip>
               </v-btn>
             </v-badge>
           </v-col>
           <v-col>
-            <v-btn icon color="primary" @click="handleOpenDocument">
+            <v-btn
+              icon
+              color="primary"
+              @click="handleOpenDocument"
+            >
               <v-icon :icon="mdiFileDocument" />
-              <v-tooltip activator="parent" location="bottom">
+              <v-tooltip
+                activator="parent"
+                location="bottom"
+              >
                 {{ t('menu.documentation') }}
               </v-tooltip>
             </v-btn>
           </v-col>
           <v-col>
-            <v-btn icon color="primary" @click="handleOpenGitHub">
+            <v-btn
+              icon
+              color="primary"
+              @click="handleOpenGitHub"
+            >
               <v-icon :icon="mdiGithub" />
-              <v-tooltip activator="parent" location="bottom">
+              <v-tooltip
+                activator="parent"
+                location="bottom"
+              >
                 {{ t('menu.github') }}
               </v-tooltip>
             </v-btn>
           </v-col>
           <v-col>
-            <v-btn icon color="primary" @click="handleOpenFile">
+            <v-btn
+              icon
+              color="primary"
+              @click="handleOpenFile"
+            >
               <v-icon :icon="mdiFolderOpen" />
-              <v-tooltip activator="parent" location="bottom">
+              <v-tooltip
+                activator="parent"
+                location="bottom"
+              >
                 {{ t('menu.open-file') }}
               </v-tooltip>
             </v-btn>

src/renderer/screens/SecondScreen.vue

@@ -7,11 +7,23 @@ const { t } = useI18n()
 
 <template>
   <v-container>
-    <v-row no-gutters class="text-center">
+    <v-row
+      no-gutters
+      class="text-center"
+    >
       <v-col cols="12">
-        <v-icon :icon="mdiEmoticonCoolOutline" size="250" color="#009f57" />
+        <v-icon
+          :icon="mdiEmoticonCoolOutline"
+          size="250"
+          color="#009f57"
+        />
+      </v-col>
+      <v-col
+        cols="12"
+        class="my-4"
+      >
+        {{ t('desc.second-desc') }}
       </v-col>
-      <v-col cols="12" class="my-4">{{ t('desc.second-desc') }}</v-col>
     </v-row>
   </v-container>
 </template>