[vue demo] - 使用 lib 下的 sdk 版本

examples/vue/.eslintignore

@@ -0,0 +1,2 @@
+node_modules
+../../lib

examples/vue/.eslintrc.js

@@ -13,7 +13,7 @@ module.exports = {
     'semi': ['error', 'always', {
       "omitLastInOneLineBlock": true
     }],
-    "indent": [1, 2]
+    'indent': 0
   },
   parserOptions: {
     parser: 'babel-eslint'

examples/vue/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "vue",
-  "version": "0.1.0",
-  "private": true,
+  "name": "urtc-demo-vue",
+  "version": "1.0.0",
+  "description": "UCloud RTC VUE 版本的 demo",
   "scripts": {
     "start": "vue-cli-service serve",
     "build": "vue-cli-service build",
@@ -10,7 +10,6 @@
   "dependencies": {
     "core-js": "^3.4.3",
     "unique-classnames": "^1.0.6",
-    "urtc-sdk": "^1.4.5",
     "vue": "^2.6.10"
   },
   "devDependencies": {

examples/vue/src/pages/Room.vue

@@ -18,7 +18,8 @@
 </template>
 
 <script>
-import sdk, { Client } from 'urtc-sdk';
+// 注：实际使用时，请使用 import sdk, { Client } from 'urtc-sdk';
+import sdk, { Client } from '@sdk';
 
 import config from '../config';
 import MediaPlayer from '../components/MediaPlayer.vue';
@@ -222,9 +223,11 @@ export default {
   padding: 8px 0;
   display: inline-block;
   width: 100%;
+  border-width: 1px;
   border-radius: 6px;
+  background-color: #fff;
   cursor: pointer;
-  text-align: center;;
+  text-align: center;
 }
 
 .room input:visited,

examples/vue/vue.config.js

@@ -0,0 +1,7 @@
+const path = require('path');
+
+module.exports = {
+  chainWebpack: (config) => {
+    config.resolve.alias.set('@sdk', path.resolve(__dirname, '../../lib'));
+  }
+}