diff --git a/docs/components/Illustration.vue b/docs/components/Illustration.vue
index 46802cdc..cccc9330 100644
--- a/docs/components/Illustration.vue
+++ b/docs/components/Illustration.vue
@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/multi-word-component-names -->
 <template>
   <svg
     width="403"
diff --git a/docs/components/Logo.vue b/docs/components/Logo.vue
index c10edaff..30a3b4b3 100644
--- a/docs/components/Logo.vue
+++ b/docs/components/Logo.vue
@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/multi-word-component-names -->
 <template>
   <svg
     class="text-[#18181B] dark:text-white"
diff --git a/docs/pages/index.vue b/docs/pages/index.vue
index d9aab6b8..5dbd12a8 100644
--- a/docs/pages/index.vue
+++ b/docs/pages/index.vue
@@ -63,26 +63,46 @@ const items =
 <template>
   <section>
     <span class="gradient" />
-    <ULandingHero orientation="horizontal" :ui="{ container: 'flex lg:gap-12' }">
+    <ULandingHero
+      orientation="horizontal"
+      :ui="{ container: 'flex lg:gap-12' }"
+    >
       <Illustration />
       <template #title>
-        <h1>More Secure <span class=text-primary-400>Nuxt Apps</span><br /> by default</h1>
+        <h1>More Secure <span class="text-primary-400">Nuxt Apps</span><br> by default</h1>
       </template>
       <template #description>
         {{ seo.description }}
       </template>
       <template #links>
-        <UButton to="/getting-started/installation" icon="i-ph-rocket-launch-duotone" size="xl">
+        <UButton
+          to="/getting-started/installation"
+          icon="i-ph-rocket-launch-duotone"
+          size="xl"
+        >
           Get Started
         </UButton>
-        <UInput aria-label="Copy code to get started" :model-value="source" name="get-started" disabled
-          autocomplete="off" size="xl" :ui="{ base: 'disabled:cursor-default', icon: { trailing: { pointer: '' } } }">
+        <UInput
+          aria-label="Copy code to get started"
+          :model-value="source"
+          name="get-started"
+          disabled
+          autocomplete="off"
+          size="xl"
+          :ui="{ base: 'disabled:cursor-default', icon: { trailing: { pointer: '' } } }"
+        >
           <template #leading>
             <UIcon name="i-ph-terminal" />
           </template>
           <template #trailing>
-            <UButton aria-label="Copy Code" :color="copied ? 'green' : 'gray'" variant="ghost" :padded="false"
-              :icon="copied ? 'i-ph-check-square-duotone' : 'i-ph-copy-duotone'" @click="copy(source)" />
+            <UButton
+              aria-label="Copy Code"
+              :color="copied ? 'green' : 'gray'"
+              variant="ghost"
+              :padded="false"
+              :icon="copied ? 'i-ph-check-square-duotone' : 'i-ph-copy-duotone'"
+              @click="copy(source)"
+            />
           </template>
         </UInput>
       </template>
@@ -92,11 +112,15 @@ const items =
 
     <ULandingSection style="padding-top: 0px">
       <template #title>
-        Protect your app with <br /> <span class=text-primary-400>no configuration</span>
+        Protect your app with <br> <span class="text-primary-400">no configuration</span>
       </template>
 
       <UPageGrid>
-        <ULandingCard v-for="(item, index) of items" :key="index" v-bind="item" />
+        <ULandingCard
+          v-for="(item, index) of items"
+          :key="index"
+          v-bind="item"
+        />
       </UPageGrid>
     </ULandingSection>
 
@@ -110,16 +134,25 @@ const items =
         advanced cases like Cross Site Request Forgery.
       </template>
       <template #links>
-        <UButton to="/getting-started/installation" icon="i-ph-rocket-launch-duotone" size="xl">
+        <UButton
+          to="/getting-started/installation"
+          icon="i-ph-rocket-launch-duotone"
+          size="xl"
+        >
           Get Started
         </UButton>
       </template>
 
       <div>
-        <iframe width="100%" height="315" src="https://www.youtube-nocookie.com/embed/sJVeU0KGmv4" title="Nuxt Security"
+        <iframe
+          width="100%"
+          height="315"
+          src="https://www.youtube-nocookie.com/embed/sJVeU0KGmv4"
+          title="Nuxt Security"
           frameborder="0"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-          allowfullscreen />
+          allowfullscreen
+        />
       </div>
     </ULandingSection>
   </section>