fix: add uuid for slug, build: test netlify deploy

package.json

@@ -43,6 +43,7 @@
     "popper.js": "^1.16.1",
     "randomcolor": "^0.6.2",
     "register-service-worker": "^1.7.1",
+    "uuid": "^8.3.2",
     "v-emoji-picker": "^2.3.0",
     "vue": "^2.6.11",
     "vue-click-outside": "^1.1.0",

public/_redirects

@@ -0,0 +1,2 @@
+# Netlify settings for single-page application
+/*    /index.html   200

src/components/Sidebar.vue

@@ -119,7 +119,7 @@
 <script lang="ts">
 //@ts-ignore
 import ClickOutside from 'vue-click-outside';
-
+import { v4 as uuidv4 } from 'uuid';
 import TopContext from '@/components/TopContext.vue';
 import Tooltip from '@/components/Tooltip.vue';
 import Context from '@/components/Context.vue';
@@ -259,10 +259,7 @@ export default Vue.extend<Data, Methods, Computed>({
       this.$refs.sidebar.classList.toggle('sidebar-active');
     },
     createBoard() {
-      const id = Math.random()
-        .toString(20)
-        .substr(2)
-        .toUpperCase();
+      const id = uuidv4();
       this.$router.push({ name: 'Board', params: { _slug: id } });
     },
   },

src/firebase/index.ts

@@ -1,12 +1,19 @@
-import firebase from "firebase/app";
-import "firebase/storage";
-import "firebase/firebase-database";
-import "firebase/firebase-auth";
-import config from './cred';
+import firebase from 'firebase/app';
+import 'firebase/storage';
+import 'firebase/firebase-database';
+import 'firebase/firebase-auth';
 
+const config = {
+  apiKey: process.env.VUE_APP_apiKey,
+  authDomain: process.env.VUE_APP_authDomain,
+  databaseURL: process.env.VUE_APP_databaseURL,
+  projectId: process.env.VUE_APP_projectId,
+  storageBucket: process.env.VUE_APP_storageBucket,
+  messagingSenderId: process.env.VUE_APP_messagingSenderId,
+  appId: process.env.VUE_APP_appId,
+};
 
 firebase.initializeApp(config);
-
 const db = firebase.database();
 const auth = firebase.auth();
 const storageref = firebase.storage();