fix logo font family

src/app.ts

@@ -1,8 +1,19 @@
 import { pinia } from "@/store/store";
 import { defineApp } from "iles";
+import "@/assets/base.scss";
 
 export default defineApp({
   enhanceApp({ app }) {
     app.use(pinia);
   },
+  head() {
+    return {
+      link: [
+        {
+          rel: "stylesheet",
+          href: "https://fonts.googleapis.com/css2?family=Fenix&family=Meow+Script&display=swap",
+        },
+      ],
+    };
+  },
 });

src/assets/base.scss

@@ -1,5 +1,3 @@
-@import "@/assets/fonts";
-
 :root {
   --vt-c-white: #ffffff;
   --vt-c-white-soft: #f8f8f8;
@@ -89,3 +87,8 @@ h6 {
   font-variant: small-caps;
   color: var(--primary);
 }
+
+.julien-calixte {
+  font-family: "Meow Script", "Lucida Sans", "Lucida Sans Regular",
+    "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
+}

src/assets/fonts.scss

@@ -1 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Courier+Prime&family=Fenix&family=Meow+Script&display=swap");

src/components/core/JulienCalixte.vue

@@ -19,11 +19,7 @@ const style = `font-size: ${fontSize[props.size]}`;
 </template>
 
 <style scoped lang="scss">
-@use "@/assets/fonts";
-
 .julien-calixte {
   font-variant: normal;
-  font-family: "Meow Script", "Lucida Sans", "Lucida Sans Regular",
-    "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
 }
 </style>

src/layouts/default.vue

@@ -4,7 +4,3 @@
     <slot />
   </div>
 </template>
-
-<style lang="scss">
-@use "@/assets/base";
-</style>

src/layouts/post.vue

@@ -9,8 +9,6 @@
 </template>
 
 <style lang="scss">
-@use "@/assets/base";
-
 article#main-article {
   max-width: 650px;
   margin: auto;