commented some files

api/main.ts

@@ -1,5 +1,14 @@
 // main API file. Handles all the routing/api stuff
+
+// Due to the Language servers, the import statements are
+// shown as errors, @ts-ignore is used to ignore them.
+// This is a Deno file, but the Vue LSP is still
+// attempting to find errors, which causes
+// confusing False errors
+
+// @ts-ignore
 import { Router, Application } from "https://deno.land/x/oak/mod.ts";
+// @ts-ignore
 import { oakCors } from "https://deno.land/x/cors/mod.ts";
 
 
@@ -11,7 +20,7 @@ const app = new Application();
 // in the HTML
 router
     .get("/", (ctx) => {
-        ctx.response.body = "ESP Api";
+        ctx.response.body = "ESP API Site";
     })
 
     .get("/api", (ctx) => {
@@ -23,4 +32,5 @@ app.use(oakCors());
 app.use(router.routes());
 app.use(router.allowedMethods());
 
+// @ts-ignore
 await app.listen({ port: 8000 });

src/App.vue

@@ -1,12 +1,11 @@
-<script setup lang="ts">
-import Sidebar from "./components/home_components/sidebar.vue";
-import NiceThings from "./components/home_components/interesting-hashtags.vue";
-import Feed from "./components/home_components/feed.vue";
-import Contacts from "./components/home_components/contacts.vue";
-import Legal from "./components/home_components/legal.vue";
+<script>
+// unused
 </script>
 
-
 <template>
   <router-view />
 </template>
+
+<style>
+/* unused */
+</style>

src/router/index.ts

@@ -1,7 +1,13 @@
 import { createRouter, createWebHistory } from "vue-router";
+
+// Vue components imported here.
+// the vue components are the Pages that will be rendered
+// at these URL's.
 import Home from "../components/Home.vue";
 import Login from "../components/Login.vue";
 
+// The routing does not happen automatically
+// Each route has to be defined here, or it wont work.
 const routes = [
     {
         path: "/",
@@ -21,26 +27,3 @@ const router = createRouter({
 });
 
 export default router;
-
-/*
-<script setup lang="ts">
-import Sidebar from "../src/components/sidebar.vue";
-import NiceThings from "../src/components/interesting-hashtags.vue";
-import Feed from "../src/components/feed.vue";
-import Contacts from "../src/components/contacts.vue";
-import Legal from "../src/components/legal.vue";
-</script>
-
-
-<template>
-  <div id="main" class="bg-weiss flex p-2">
-    <Sidebar></Sidebar>
-    <nice-things></nice-things>
-    <feed></feed>
-    <div class="w-1/4">
-      <contacts></contacts>
-      <legal></legal>
-    </div>
-  </div>
-</template>
- */