From 7dfd9a39f44fcbc0e8fb1710bd345be8017729a4 Mon Sep 17 00:00:00 2001
From: Lin <chaelinshin96@gmail.com>
Date: Fri, 27 Nov 2020 00:29:24 +0900
Subject: [PATCH] [S03P31A503-247] refactoring/firebase : Refactor firebase
 warning

---
 frontend/public/index.html                                 | 3 ++-
 .../components/meetingpage/multipanel/SnapShotPanel.vue    | 5 ++++-
 frontend/src/main.js                                       | 5 +++--
 frontend/src/store/modules/meetingStore.js                 | 7 +++++--
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/frontend/public/index.html b/frontend/public/index.html
index d3483a5..8685d1d 100644
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -14,7 +14,7 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
     <!-- Font Awesome -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css"/>
-    <!-- Jua체 -->
+    <!-- Google fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Nanum+Gothic&family=Song+Myung&display=swap" rel="stylesheet">
 
@@ -24,6 +24,7 @@
       * {
         font-family: 'Jua', sans-serif;
       }
+
       .btn-yellow {
         color: black !important;
         background-color: #ECFF1E;
diff --git a/frontend/src/components/meetingpage/multipanel/SnapShotPanel.vue b/frontend/src/components/meetingpage/multipanel/SnapShotPanel.vue
index f0a2f7d..a616c8e 100644
--- a/frontend/src/components/meetingpage/multipanel/SnapShotPanel.vue
+++ b/frontend/src/components/meetingpage/multipanel/SnapShotPanel.vue
@@ -62,8 +62,11 @@
 <script>
 import { mapState, mapGetters, mapActions } from 'vuex'
 import html2canvas from 'html2canvas'
-import firebase from 'firebase'
 import moment from 'moment';
+// Firebase
+import firebase from 'firebase/app';
+import 'firebase/database';
+import 'firebase/storage';
 
 export default {
   name: 'SnapShotPanel',
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 101ca9d..4d51bc7 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -35,7 +35,9 @@ Vue.use(VCalendar, {
 window.Kakao.init(secrets['KAKAO']['CLIENT_ID']);
 
 // Firebase
-import firebase from 'firebase'
+import firebase from 'firebase/app';
+import 'firebase/database';
+import 'firebase/storage'; 
 var firebaseConfig = {
   apiKey: secrets['FIREBASE']['SECRET_KEY'],
   authDomain: "homesuli.firebaseapp.com",
@@ -48,7 +50,6 @@ var firebaseConfig = {
 };
 // Initialize Firebase
 firebase.initializeApp(firebaseConfig);
-firebase.analytics();
 
 Vue.config.productionTip = false
 
diff --git a/frontend/src/store/modules/meetingStore.js b/frontend/src/store/modules/meetingStore.js
index c8cfd8a..10a9b42 100644
--- a/frontend/src/store/modules/meetingStore.js
+++ b/frontend/src/store/modules/meetingStore.js
@@ -4,8 +4,11 @@ import axios from 'axios';
 import cookies from 'vue-cookies';
 import { OpenVidu } from 'openvidu-browser';
 import moment from 'moment';
-import Swal from 'sweetalert2'
-import firebase from 'firebase'
+import Swal from 'sweetalert2';
+// Firebase
+import firebase from 'firebase/app';
+import 'firebase/database';
+import 'firebase/storage';
 
 const ToastEnter = Swal.mixin({
   toast: true,