FIX: Directories

Better directory structure

app/components/Burger.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { navigation } from '../utils/navigation'
+import { navigation } from '~/utils/navigation'
 
 const navElement = useTemplateRef('navElement')
 

app/components/Section/Booking.vue

@@ -50,8 +50,6 @@
 </template>
 
 <script setup lang="ts">
-import FreeInfo from './FreeInfo.vue'
-
 type Service = {
   title: string
   smallClaim: string

app/components/Section/Contact.vue

@@ -37,7 +37,7 @@
 </template>
 
 <script setup lang="ts">
-import { socials } from '../utils/socials'
+import { socials } from '~/utils/socials'
 
 const network = [
   {

app/components/Section/Customers.vue

@@ -38,7 +38,7 @@
 </template>
 
 <script setup lang="ts">
-import { android, css, dart, flutter, html, js, njs, nuxt, pcss, scss, ts, tw, vue } from '../utils/skills'
+import { css, html, js, njs, nuxt, pcss, scss, ts, tw, vue } from '~/utils/skills'
 
 const customers = [
   {

app/components/Section/Flatrate.vue

@@ -50,8 +50,6 @@
 </template>
 
 <script setup lang="ts">
-import FreeInfo from './FreeInfo.vue'
-
 type Service = {
   title: string
   smallClaim: string

app/components/Section/Footer.vue

@@ -27,7 +27,7 @@
 </template>
 
 <script lang="ts" setup>
-import { socials } from '../utils/socials'
+import { socials } from '~/utils/socials'
 
 const nav = [
   {

app/components/Section/Header.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script lang="ts" setup>
-import { navigation } from '../utils/navigation'
+import { navigation } from '~/utils/navigation'
 
 let observer: IntersectionObserver
 const header = useTemplateRef('header')

app/components/Section/Skills.vue

@@ -31,7 +31,7 @@
 
 <script setup lang="ts">
 
-import { gl, njs, nuxt, pcss, react, rust, ts, vitest, vue, webstorm } from '../utils/skills'
+import { gl, njs, nuxt, pcss, react, rust, ts, vitest, vue, webstorm } from '~/utils/skills'
 
 const technologies = [nuxt, ts, pcss, vue, react, njs, vitest, gl, webstorm, rust]
 

app/components/Section/SkillsEasy.vue

@@ -34,8 +34,7 @@
 </template>
 
 <script setup lang="ts">
-
+import type { RichText } from '@/components/RichText/Types'
-import type { RichText } from './RichText/Types'
 
 type Skill = {
   img: Function

app/layouts/default.vue

@@ -1,6 +1,6 @@
 <template>
-  <Header />
+  <SectionHeader />
   <Burger />
   <slot />
-  <Footer />
+  <SectionFooter />
 </template>

app/pages/booking.vue

@@ -1,5 +1,5 @@
 <template>
   <div>
-    <Booking />
+    <SectionBooking />
   </div>
 </template>

app/pages/contact.vue

@@ -1,5 +1,5 @@
 <template>
   <div>
-    <Contact />
+    <SectionContact />
   </div>
 </template>

app/pages/flatrate.vue

@@ -1,5 +1,5 @@
 <template>
   <div>
-    <Flatrate />
+    <SectionFlatrate />
   </div>
 </template>

app/pages/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <Intro />
+    <SectionIntro />
-    <Skills />
+    <SectionSkills />
-    <SkillsEasy />
+    <SectionSkillsEasy />
   </div>
 </template>
 

app/pages/references.vue

@@ -1,5 +1,5 @@
 <template>
   <div>
-    <Customers />
+    <SectionCustomers />
   </div>
 </template>