dev

Dockerfile

@@ -0,0 +1,9 @@
+FROM node:12.18.3-buster
+
+COPY package*.json ./
+RUN npm install babel-loader
+RUN npm install
+RUN npm update
+
+EXPOSE 8081
+RUN npm run serve

package.json

@@ -1,50 +1,50 @@
 {
-  "name": "router",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint"
-  },
-  "dependencies": {
-    "bootstrap-vue": "^2.16.0",
-    "core-js": "^3.6.5",
-    "peerjs": "^1.3.1",
-    "vue": "^2.6.11",
-    "vue-clipboard2": "^0.3.1",
-    "vue-peerjs": "^0.3.0",
-    "vue-router": "^3.2.0",
-    "vuex": "^3.4.0"
-  },
-  "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.4.0",
-    "@vue/cli-plugin-eslint": "~4.4.0",
-    "@vue/cli-plugin-router": "^4.4.6",
-    "@vue/cli-plugin-vuex": "^4.4.6",
-    "@vue/cli-service": "~4.4.0",
-    "babel-eslint": "^10.1.0",
-    "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^6.2.2",
-    "vue-template-compiler": "^2.6.11"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
+    "name": "Vue-PeerJS",
+    "version": "0.1.0",
+    "private": true,
+    "scripts": {
+        "serve": "vue-cli-service serve",
+        "build": "vue-cli-service build",
+        "lint": "vue-cli-service lint"
     },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
+    "dependencies": {
+        "bootstrap-vue": "^2.16.0",
+        "core-js": "^3.6.5",
+        "peerjs": "^1.3.1",
+        "vue": "^2.6.11",
+        "vue-clipboard2": "^0.3.1",
+        "vue-peerjs": "^0.3.0",
+        "vue-router": "^3.2.0",
+        "vuex": "^3.4.0"
     },
-    "rules": {}
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ]
-}
+    "devDependencies": {
+        "@vue/cli-plugin-babel": "~4.4.0",
+        "@vue/cli-plugin-eslint": "~4.4.0",
+        "@vue/cli-plugin-router": "^4.4.6",
+        "@vue/cli-plugin-vuex": "^4.4.6",
+        "@vue/cli-service": "~4.4.0",
+        "babel-eslint": "^10.1.0",
+        "eslint": "^6.7.2",
+        "eslint-plugin-vue": "^6.2.2",
+        "vue-template-compiler": "^2.6.11"
+    },
+    "eslintConfig": {
+        "root": true,
+        "env": {
+            "node": true
+        },
+        "extends": [
+            "plugin:vue/essential",
+            "eslint:recommended"
+        ],
+        "parserOptions": {
+            "parser": "babel-eslint"
+        },
+        "rules": {}
+    },
+    "browserslist": [
+        "> 1%",
+        "last 2 versions",
+        "not dead"
+    ]
+}

src/components/yourpeer.vue

@@ -2,7 +2,7 @@
         <b-card bg-variant="primary" text-variant="white" header="Your Peer ID">
             <b-card-text>
                 <h2>-{{this.$store.state.id}}-</h2>
-                <b-button block variant="danger" v-clipboard:copy="this.$store.state.id">COPY</b-button>
+                <b-button  block variant="danger" v-clipboard:copy="this.$store.state.id">COPY</b-button>
             </b-card-text>
         </b-card>
 </template>
@@ -13,7 +13,8 @@ export default {
     data: function() {
         return {};
     },
-    methods: {}
+    methods: {
+    }
 };
 </script>