diff --git a/src/content/blog/setting-up-vue-and-appwrite-projects-for-racemash.md b/src/content/blog/setting-up-vue-and-appwrite-projects-for-racemash.md
index e84e12e..f4a3342 100644
--- a/src/content/blog/setting-up-vue-and-appwrite-projects-for-racemash.md
+++ b/src/content/blog/setting-up-vue-and-appwrite-projects-for-racemash.md
@@ -2,6 +2,7 @@
title: setting up vue and appwrite projects for racemash
description: From ESLint and Prettier configs to creating Appwrite databases and everything in between
pubDate: 2023-05-23T18:48:00.556Z
+lastEditDate: 2023-05-24T08:04:47.377Z
draft: false
categories:
- dev diary
@@ -96,6 +97,48 @@ export default defineConfig({
});
```
+### Removing placeholder components
+
+I first removed the `components` and `layouts` folders that were inside the `src` directory. Then I opened the `index.ts` file that was inside the `router` directory and modified to remove the, in my opinion, odd nested route declaration that technically made use of the layout components but actually didn't (you'll see why in a minute). I ended up with a router file that looked like this:
+
+```ts
+import { createRouter, createWebHistory } from 'vue-router';
+import Home from '@/views/Home.vue';
+
+const routes = [
+ {
+ path: '/',
+ name: 'Home',
+ component: Home
+ }
+];
+
+const router = createRouter({
+ history: createWebHistory(process.env.BASE_URL),
+ routes
+});
+
+export default router;
+```
+
+Next up was the `App.vue` file, and since it didn't have a `