fix: home page

Author: SerhiiCho

docs/.vitepress/theme/components/Features.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { features } from '@/modules/features'
+import { VPFeatures } from 'vitepress/theme'
+</script>
+
+<template>
+    <VPFeatures :features />
+</template>
+
+<style>
+.VPFeatures .title {
+    margin: 0;
+    border-top: none;
+    padding: 0;
+    font-size: 1.2rem;
+}
+
+.VPFeatures .details {
+    margin: 0;
+    padding-top: 8px;
+}
+</style>

docs/.vitepress/theme/components/Pages/Home.vue

@@ -1,9 +1,8 @@
 <script lang="ts" setup>
 import { ref, onMounted } from 'vue'
-import { features } from '@/modules/features'
-import { VPFeatures } from 'vitepress/theme'
 import StarPopup from '@/components/StarPopup.vue'
 import PopupSlideTransition from '@/components/Transitions/PopupSlideTransition.vue'
+import Features from '@/components/Features.vue'
 
 const isVisible = ref<boolean>(false)
 
@@ -23,7 +22,7 @@ const closePopup = (): void => {
 
 <template>
     <div class="home-page">
-        <VPFeatures :features />
+        <Features />
 
         <PopupSlideTransition>
             <StarPopup v-if="isVisible" @close="closePopup" />

docs/index.md

@@ -27,6 +27,4 @@ hero:
 
 :::
 
-<Teleport defer to=".VPHome">
-    <Home />
-</Teleport>
+<Home />