Import Blog-1 img

components/HomeLink.vue

@@ -61,7 +61,7 @@ export default {
 <style scoped lang="scss">
 .home-link:hover {
   p {
-    @apply dark:etxt-white
+    @apply dark:text-white
   }
   .arrow {
     transform: translateX(15px);

components/Post.vue

@@ -1,7 +1,7 @@
 <template>
   <article
     class="border-2 border-black border-solid rounded-xl w-full h-blog p-2 flex flex-col justify-between my-5 duration-200 transform hover:scale-95"
-    :style="{ backgroundImage: 'url(http://localhost:5555/files/' + cover + ')' }"
+    :style="{ backgroundImage: require(`@/assets/img/posts/${cover}.png`) }"
   >
     <div>
       <p

components/Work.vue

@@ -3,7 +3,7 @@
        :class="getColor">
     <div class="w-full h-full flex flex-col justify-center items-center">
       <div class="text-center">
-        <img alt="Project Img" class="rounded-md" width="150" :src="require(`@/assets/img/skills/${cover}.png`)">
+        <img alt="Project Img" class="rounded-md" width="150" :src="require(`@/assets/img/works/${cover}.png`)">
       </div>
       <div class="text-center">
         <h1 class="md:text-2xl text-lg font-bold">{{ title }}</h1>