feat: implement skeleton settings view

Author: akinsey

src/router/index.js

@@ -3,6 +3,7 @@ import { boardsApi } from '@/api'
 import Boards from '@/views/Boards.vue'
 import Threads from '@/views/Threads.vue'
 import About from '@/views/About.vue'
+import Settings from '@/views/Settings.vue'
 import NotFound from '@/views/NotFound.vue'
 import NProgress from 'nprogress'
 
@@ -23,6 +24,12 @@ const routes = [
     }),
     meta: { requiresAuth: false, bodyClass: 'threads' }
   },
+  {
+    path: '/settings',
+    name: 'Settings',
+    component: Settings,
+    meta: { requiresAuth: true, bodyClass: 'settings' }
+  },
   {
     path: '/about',
     name: 'About',

src/views/Settings.vue

@@ -0,0 +1,20 @@
+<template>
+  <h1>{{title}}</h1>
+</template>
+
+<script>
+import { reactive, toRefs } from 'vue'
+
+export default {
+  name: 'Settings',
+  setup() {
+    const v = reactive({
+      title: 'Settings Page'
+    })
+    return { ...toRefs(v) }
+  }
+}
+</script>
+
+<style lang="scss">
+</style>