Change anchor tag into rounter-link tag

deploy.sh

@@ -0,0 +1,24 @@
+# abort on errors
+set -e
+
+# build
+npm run build
+
+# navigate into the build output directory
+cd dist
+
+# if you are deploying to a custom domain
+# echo 'www.example.com' > CNAME
+
+git init
+git add -A
+git commit -m 'deploy'
+
+# if you are deploying to https://<USERNAME>.github.io
+# git push -f [email protected]:<USERNAME>/<USERNAME>.github.io.git master
+
+# if you are deploying to https://<USERNAME>.github.io/<REPO>
+# git push -f [email protected]:<USERNAME>/<REPO>.git master:gh-pages
+git push -f [email protected]:smallpaes/simple-twitter-vue.git master:gh-pages
+
+cd -

src/components/Navbar.vue

@@ -16,14 +16,17 @@
     <div class="collapse navbar-collapse" id="navbarNav">
       <ul class="navbar-nav ml-auto align-items-center">
         <li class="nav-item avatar" v-if="isAuthenticated">
-          <a href class="nav-link py-2 p-md-0">
+          <router-link
+            :to="{name: 'user-tweets', params: {id: currentUser.id}}"
+            class="nav-link py-2 p-md-0"
+          >
             <span class="d-inline d-md-none">Profile</span>
             <img
               :src="currentUser.avatar | placeholderImage"
               alt="User avatar"
               class="rounded d-none d-md-inline"
             />
-          </a>
+          </router-link>
         </li>
         <li v-if="currentUser.role ==='Admin'" class="nav-item">
           <router-link :to="{name: 'admin-tweets'}" class="nav-link">Admin</router-link>

vue.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  publicPath: process.env.NODE_ENV === 'production'
+    ? '/simple-twitter-vue/'
+    : '/'
+}