Merge pull request #12 from PromptExecution/feature/add-missing-logo-fonts

Move font imports to PromptExecutionLogo component

Author: elasticdotventures

index.html

@@ -8,19 +8,6 @@
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
     <link rel="manifest" href="/site.webmanifest"> -->
-    
-    <!-- Patron Font from OnlineWebFonts -->
-    <link href="https://db.onlinewebfonts.com/c/3bc7046035df293d6486e481022b043e?family=Patron" rel="stylesheet" type="text/css"/>
-    
-    <!-- Exodar Outline Font -->
-    <style>
-      @font-face {
-        font-family: 'ExodarOutline';
-        src: url('/fonts/Exodar-Outline.ttf') format('truetype');
-        font-weight: normal;
-        font-style: normal;
-      }
-    </style>
 
     <title>Prompt Execution: Cognitive Robotic Process Automation</title>
   </head>

src/components/PromptExecutionLogo.vue

@@ -18,6 +18,16 @@
 
 <style scoped>
 
+/* Font imports for logo SVGs */
+@import url('https://db.onlinewebfonts.com/c/3bc7046035df293d6486e481022b043e?family=Patron');
+
+@font-face {
+  font-family: 'ExodarOutline';
+  src: url('/fonts/Exodar-Outline.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
 .logo-wrapper {
     display: flex;
     justify-content: center;

src/main.ts

@@ -19,7 +19,7 @@ app.config.unwrapInjectedRef = true
 */
 
 // Set up Pinia store before mounting
-const piniaSocketStore = useSocketStoreWithOut(app);
+useSocketStoreWithOut(app);
 
 app.use(VueCookieNext);
 

src/store/pinia/useSocketStore.ts

@@ -5,8 +5,7 @@ import { setupStore } from "@/store/pinia/store";
 import { SocketStore } from "@/store/pinia/typeOfSocketStore";
 import { emitter } from "@/eventBus";
 
-export const useSocketStore = defineStore({
-  id: "socket",
+export const useSocketStore = defineStore("socket", {
   state: (): SocketStore => ({
     // 连接状态
     isConnected: false,
@@ -46,7 +45,7 @@ export const useSocketStore = defineStore({
       // Check if there are pending outgoing messages
       if (this.outgoingMessages.length > 0) {
         // Loop through the outgoing messages and send them
-        this.outgoingMessages.forEach((message,index) => {
+        this.outgoingMessages.forEach((_message, index) => {
           // Send the message through the WebSocket
           // TODO: Get app reference properly for WebSocket
           // app.config.globalProperties.$socket.sendObj({