fix: lost icon

Author: andre-dietrich

src/views/Index.vue

@@ -7,6 +7,8 @@ import { IndexeddbPersistence } from "y-indexeddb";
 
 import MiniSearch from "minisearch";
 
+import logoImg from "url:../../assets/logo.png";
+
 function waitForSync(provider) {
   return new Promise<void>((resolve) => {
     if (provider.synced) {
@@ -49,6 +51,7 @@ export default {
     });
 
     return {
+      logoImg,
       database,
       search,
       results: [],
@@ -175,7 +178,7 @@ export default {
   <nav class="navbar navbar-expand-lg navbar-light bg-light">
     <div class="container-fluid">
       <a class="navbar-brand">
-        <img src="../../assets/logo.png" alt="LiaScript" height="28" />
+        <img :src="logoImg" alt="LiaScript" height="28" />
         LiaEdit
       </a>
 

src/views/LiaScript.vue

@@ -28,6 +28,8 @@ import NostrModal from "./Export/Nostr.vue";
 import EditorWorker from "url:monaco-editor/esm/vs/editor/editor.worker.js";
 import { editor } from "monaco-editor";
 
+import logoImg from "url:../../assets/logo.png";
+
 // @ts-ignore
 window.MonacoEnvironment = {
   getWorkerUrl: function (moduleId, label) {
@@ -81,6 +83,7 @@ export default {
     }
 
     return {
+      logoImg,
       preview: undefined,
       horizontal:
         document.documentElement.clientWidth < document.documentElement.clientHeight,
@@ -440,11 +443,11 @@ export default {
   <nav class="navbar navbar-expand-lg bg-light">
     <div class="container-fluid">
       <a v-if="!embed" class="navbar-brand" href="./" data-link="true">
-        <img src="../../assets/logo.png" alt="LiaScript" height="28" />
+        <img :src="logoImg" alt="LiaScript" height="28" />
         <span id="lia-edit">LiaEdit</span>
       </a>
       <span v-else class="navbar-brand">
-        <img src="../../assets/logo.png" alt="LiaScript" height="28" />
+        <img :src="logoImg" alt="LiaScript" height="28" />
         <span id="lia-edit">LiaDemo</span>
       </span>