dev

src/components/navbar.vue

@@ -17,7 +17,7 @@
           <template v-slot:button-content>
             <em>About</em>
           </template>
-          <b-dropdown-item href="#">Settings</b-dropdown-item>
+          <b-dropdown-item to="Settings">Settings</b-dropdown-item>
           <b-dropdown-item href="#">About</b-dropdown-item>
              <b-dropdown-item href="https://github.com/QueennN">Github</b-dropdown-item>
         </b-nav-item-dropdown>

src/router/index.js

@@ -2,6 +2,7 @@ import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Home from '../views/Home.vue'
 import Chat from '../views/Chat.vue'
+import Settings from '../views/Settings.vue'
 
 Vue.use(VueRouter)
 
@@ -15,6 +16,11 @@ const routes = [{
         name: 'Chat',
         component: Chat
     },
+    {
+        path: '/settings/',
+        name: 'Settings',
+        component: Settings
+    },
 
 ]
 

src/views/Settings.vue

@@ -0,0 +1,17 @@
+<template>
+    <div class="text-center">
+        <p>Settinasdgs</p>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "Settings",
+    data: function() {
+        return {};
+    },
+    computed: {},
+    methods: {},
+    beforeCreated: function() {}
+};
+</script>