feat(Home): improve background.jpg import

2024-12-02 11:00:07 +01:00 · 2024-12-02 11:00:07 +01:00 · 3e289d83f9
commit 3e289d83f9
parent ec6d252928
2 changed files with 2 additions and 1 deletions
--- a/src/assets/background.jpg
+++ b/src/assets/background.jpg
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@ -1,5 +1,5 @@
 <template>
-  <div class="bg-cover bg-fixed m-0 h-screen" style="background-image: url('./background.jpg');">
+  <div class="bg-cover bg-fixed m-0 h-screen" v-bind:style='{ backgroundImage: "url(" + background_base64 + ")", }'>
    <section class="container px-4 py-24 mx-auto">
      <div class="w-full mx-auto text-center">
        <img src="/favicon.png" class="h-32 mx-auto" />
@ -25,6 +25,7 @@
 </template>

 <script setup>
+import background_base64 from "../assets/background.jpg?inline";
 import Footer from "@/components/Footer.vue";
 console.log(config);
 </script>