From 3e289d83f9db98641f0f7f732b622dab9955f3a1 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Mon, 2 Dec 2024 11:00:07 +0100
Subject: [PATCH] feat(Home): improve background.jpg import

---
 {public => src/assets}/background.jpg | Bin
 src/views/Home.vue                    |   3 ++-
 2 files changed, 2 insertions(+), 1 deletion(-)
 rename {public => src/assets}/background.jpg (100%)

diff --git a/public/background.jpg b/src/assets/background.jpg
similarity index 100%
rename from public/background.jpg
rename to src/assets/background.jpg
diff --git a/src/views/Home.vue b/src/views/Home.vue
index ab8923f..a73fe5f 100644
--- 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>
\ No newline at end of file