mogging

nginx/vue/src/components/home/Links.vue

@@ -1,6 +1,7 @@
 <script setup>
 import RouterTable from "@/components/quick/RouterTable.vue";
 import LinkTable from "@/components/quick/LinkTable.vue";
+import Markdown from "@/components/quick/Markdown.vue";
 
 const site_links = [
     { name: "CV", link: "/cv" },
@@ -21,6 +22,7 @@ const social_links = [
     <div class="flex-col space-between">
         <div class="flex-col gap">
             <RouterTable :linkArr="site_links" />
+            <Markdown :source="`[[Wiki Link]]`" />
         </div>
         <div class="flex-col gap">
             <LinkTable :linkArr="social_links" />

nginx/vue/src/components/home/Listening.vue

@@ -4,6 +4,7 @@ import axios from "axios";
 
 const song = ref(null);
 const fetched = ref(false);
+const intervalId = ref(null);
 let songs = [];
 const len = 3;
 let idx = 0;
@@ -20,14 +21,16 @@ async function fetchRecent() {
 }
 
 function nextSong() {
+    clearInterval(intervalId.value);
     song.value = songs[idx];
     idx = (idx + 1) % len;
+    intervalId.value = setInterval(nextSong, 5000);
 }
 
 onMounted(() => {
     fetchRecent();
     setInterval(fetchRecent, 120000);
-    setInterval(nextSong, 5000);
+    intervalId.value = setInterval(nextSong, 5000);
 });
 </script>
 

nginx/vue/src/components/quick/Markdown.vue

@@ -1,8 +1,10 @@
 <script setup>
 import MarkdownIt from "markdown-it";
 import { katex } from "@mdit/plugin-katex";
+import wiki from "markdown-it-wikilinks";
 
 const mdIt = MarkdownIt().use(katex);
+//.use(wiki);
 
 const props = defineProps({
     source: String,

nginx/vue/src/router/index.js

@@ -12,17 +12,11 @@ const router = createRouter({
     {
       path: "/cv",
       name: "cv",
-      // route level code-splitting
-      // this generates a separate chunk (About.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
       component: () => import("../views/CV.vue"),
     },
     {
       path: "/admin",
       name: "admin",
-      // route level code-splitting
-      // this generates a separate chunk (About.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
       component: () => import("../views/Admin.vue"),
     },
     {
@@ -31,7 +25,7 @@ const router = createRouter({
       component: () => import("../views/Bookmarks.vue"),
     },
     {
-      path: "/notes",
+      path: "/notes/:pathMatch(.*)*",
       name: "notes",
       component: () => import("../views/Notes.vue"),
     },