feat(Home): improve background.jpg import

src/components/HelloWorld.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup>
-import { defineProps, reactive } from 'vue'
+import { reactive } from 'vue'
 
 defineProps({
   msg: String

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>

src/views/ProfileNone.vue

@@ -72,11 +72,9 @@
 </template>
   
   <script setup>
-import { computed, ref, reactive, defineProps } from "vue";
+import { computed, ref, reactive } from "vue";
 import axios from "redaxios";
 import isEmail from 'validator/es/lib/isEmail';
-import isMobilePhone from 'validator/es/lib/isMobilePhone';
-import isPostalCode from 'validator/es/lib/isPostalCode';
 import { TYPE, useToast } from "vue-toastification";
 import Footer from "@/components/Footer.vue";
 

src/views/Register.vue

@@ -457,7 +457,7 @@
 </template>
 
 <script setup>
-import { computed, ref, reactive, defineProps } from "vue";
+import { computed, ref, reactive } from "vue";
 import axios from "redaxios";
 import isEmail from "validator/es/lib/isEmail";
 import isMobilePhone from "validator/es/lib/isMobilePhone";