wrking on nuxt studio

src/components/resume/Experience.vue

@@ -24,7 +24,7 @@ defineProps({
           class="my-1 text-base font-semibold tracking-tight text-zinc-800 dark:text-zinc-100"
         >
           <template #trailing>
-            <UIcon name="i-ph-arrow-up-right-bold" color="gray"/>
+            <UIcon name="i-ph-arrow-up-right-bold" color="gray" />
           </template>
         </UButton>
         <h1 v-else class="my-1 text-base font-semibold tracking-tight text-zinc-800 dark:text-zinc-100">

src/pages/uses.vue

@@ -19,7 +19,9 @@ useHead({
           path="/uses"
         />
         <template #fallback>
-          <p class="my-16 text-subtitle">The content of the page is loading...</p>
+          <p class="my-16 text-subtitle">
+            The content of the page is loading...
+          </p>
         </template>
       </ClientOnly>
     </div>

src/pages/writing/index.vue

@@ -47,7 +47,7 @@ const { data: posts } = await usePosts()
                 </p>
                 <div class="relative z-10 mt-4 flex items-center gap-2 justify-center text-sm font-medium" :class="getColor()">
                   <p>Read article</p>
-                  <UIcon name="i-ph-arrow-circle-right-bold" class="duration-300 group-hover:ml-2"/>
+                  <UIcon name="i-ph-arrow-circle-right-bold" class="duration-300 group-hover:ml-2" />
                 </div>
               </div>
               <time class="mt-1 md:block relative z-10 order-first mb-3 hidden text-sm text-zinc-400 dark:text-zinc-500">