From 71e39389b8d043a73c93adc573d869e769494aee Mon Sep 17 00:00:00 2001 From: Mustafa Yontar Date: Sun, 12 Apr 2020 03:14:06 +0300 Subject: [PATCH] add vuex add room vue router --- package-lock.json | 11 ++++++++--- package.json | 2 ++ src/main.js | 2 ++ src/router/index.js | 7 ++++++- src/store/index.js | 16 ++++++++++++++++ src/views/Home.vue | 3 +++ src/views/Room.vue | 13 +++++++++++++ 7 files changed, 50 insertions(+), 4 deletions(-) create mode 100644 src/store/index.js create mode 100644 src/views/Room.vue diff --git a/package-lock.json b/package-lock.json index 135598f..ff3dc88 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1311,9 +1311,9 @@ } }, "@vue/cli-plugin-vuex": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/@vue/cli-plugin-vuex/-/cli-plugin-vuex-4.2.3.tgz", - "integrity": "sha512-7M4CaoAD4W/GdiDI4+Gh2tATPFBnb/u7bCiLLDsuL9ztypv7l3p4cu43zkDpTCCuufkZFYtZwysOAY8SbGqOjg==", + "version": "4.3.1", + "resolved": "https://registry.npm.taobao.org/@vue/cli-plugin-vuex/download/@vue/cli-plugin-vuex-4.3.1.tgz", + "integrity": "sha1-K3Ov9W+eG+MQGIc9XtLVnxVedHY=", "dev": true }, "@vue/cli-service": { @@ -11372,6 +11372,11 @@ "loader-utils": "^1.2.0" } }, + "vuex": { + "version": "3.1.3", + "resolved": "https://registry.npm.taobao.org/vuex/download/vuex-3.1.3.tgz?cache=0&sync_timestamp=1584268708627&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvuex%2Fdownload%2Fvuex-3.1.3.tgz", + "integrity": "sha1-8q1z4/tzaRaYs4yT9m5Y4meUcYA=" + }, "watchpack": { "version": "1.6.0", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.6.0.tgz", diff --git a/package.json b/package.json index a2d954c..302ccd9 100644 --- a/package.json +++ b/package.json @@ -14,12 +14,14 @@ "vue": "^2.6.11", "vue-router": "^3.1.6", "vuetify": "^2.2.11", + "vuex": "^3.1.3", "webrtc-adapter": "^7.5.1" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.2.0", "@vue/cli-plugin-eslint": "~4.2.0", "@vue/cli-plugin-router": "^4.3.1", + "@vue/cli-plugin-vuex": "^4.3.1", "@vue/cli-service": "~4.2.0", "axios": "^0.18.0", "babel-eslint": "^10.0.3", diff --git a/src/main.js b/src/main.js index 885181c..3e769ff 100644 --- a/src/main.js +++ b/src/main.js @@ -4,6 +4,7 @@ import JanusPlugin from "@/plugins/janus" import App from './App.vue' import vuetify from './plugins/vuetify'; import router from './router' +import store from './store' Vue.config.productionTip = false @@ -11,5 +12,6 @@ new Vue({ vuetify, JanusPlugin, router, + store, render: h => h(App) }).$mount('#app') diff --git a/src/router/index.js b/src/router/index.js index 6ceb41a..f1bcb3b 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -8,7 +8,12 @@ Vue.use(VueRouter) path: '/', name: 'Home', component: () => import(/* webpackChunkName: "about" */ '../views/Home.vue') - } + }, + { + path: '/rooms', + name: 'Room', + component: () => import(/* webpackChunkName: "about" */ '../views/Room.vue') + } ] const router = new VueRouter({ diff --git a/src/store/index.js b/src/store/index.js new file mode 100644 index 0000000..5ce7362 --- /dev/null +++ b/src/store/index.js @@ -0,0 +1,16 @@ +import Vue from 'vue' +import Vuex from 'vuex' + +Vue.use(Vuex) + +export default new Vuex.Store({ + state: { + token: null + }, + mutations: { + }, + actions: { + }, + modules: { + } +}) diff --git a/src/views/Home.vue b/src/views/Home.vue index d777a2c..8142f8a 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -33,6 +33,9 @@ export default { this.$axios.post('login', { username: this.code, password: this.password + }).then(response => { + this.$store.state.token = response.data.access_token + this.$router.push('/rooms') }) } } diff --git a/src/views/Room.vue b/src/views/Room.vue new file mode 100644 index 0000000..b27c880 --- /dev/null +++ b/src/views/Room.vue @@ -0,0 +1,13 @@ + + + + +