UPDATE: core-js

Author: NEKOYASAN

nuxt.config.js

@@ -124,6 +124,20 @@ module.exports = {
    */
   build: {
     publicPath: '/assets/',
+    babel: {
+      presets({ isServer }) {
+        return [
+          [
+            require.resolve('@nuxt/babel-preset-app'),
+            // require.resolve('@nuxt/babel-preset-app-edge'), // For nuxt-edge users
+            {
+              buildTarget: isServer ? 'server' : 'client',
+              corejs: { version: 3 },
+            },
+          ],
+        ]
+      },
+    },
     /*
      ** You can extend webpack config here
      */

package.json

@@ -25,10 +25,11 @@
     }
   },
   "dependencies": {
+    "@babel/runtime-corejs3": "^7.9.6",
     "@nuxtjs/axios": "^5.10.3",
     "@nuxtjs/dotenv": "^1.4.1",
     "@nuxtjs/pwa": "^3.0.0-0",
-    "core-js": "^2.6.11",
+    "core-js": "3.6.5",
     "cross-env": "^7.0.2",
     "dayjs": "^1.8.26",
     "express": "^4.17.1",
@@ -37,8 +38,7 @@
     "nuxt": "^2.12.2",
     "nuxt-svg-loader": "^1.2.0",
     "nuxt-webfontloader": "^1.1.0",
-    "uuid": "^8.0.0",
-    "vuexfire": "^3.2.0-alpha.0"
+    "uuid": "^8.0.0"
   },
   "devDependencies": {
     "@nuxtjs/eslint-config": "^2.0.2",

src/components/CommentButton.vue

@@ -31,10 +31,10 @@ export default {
   border-radius: 4px;
 }
 .icon {
-  margin-right: 10px;
+  margin-right: 5%;
 }
 .button-string {
-  width: 7em;
+  width: 5em;
   font-size: 17px;
   text-align: center;
 }

src/components/MovieButton.vue

@@ -33,10 +33,10 @@ export default {
   border-radius: 4px;
 }
 .icon {
-  margin-right: 10px;
+  margin-right: 5%;
 }
 .button-string {
-  width: 7em;
+  width: 5em;
   font-size: 17px;
   text-align: center;
 }

src/components/SubTextBookButton.vue

@@ -33,10 +33,10 @@ export default {
   border-radius: 4px;
 }
 .icon {
-  margin-right: 10px;
+  margin-right: 5%;
 }
 .button-string {
-  width: 7em;
+  width: 5em;
   font-size: 17px;
   text-align: center;
 }

src/components/TextBookButton.vue

@@ -33,10 +33,10 @@ export default {
   border-radius: 4px;
 }
 .icon {
-  margin-right: 10px;
+  margin-right: 5%;
 }
 .button-string {
-  width: 7em;
+  width: 5em;
   font-size: 17px;
   text-align: center;
 }

yarn.lock

@@ -756,6 +756,14 @@
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
+"@babel/runtime-corejs3@^7.9.6":
+  version "7.9.6"
+  resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.9.6.tgz#67aded13fffbbc2cb93247388cf84d77a4be9a71"
+  integrity sha512-6toWAfaALQjt3KMZQc6fABqZwUDDuWzz+cAfPhqyEnzxvdWOAkjwPNxgF8xlmo7OWLsSjaKjsskpKHRLaMArOA==
+  dependencies:
+    core-js-pure "^3.0.0"
+    regenerator-runtime "^0.13.4"
+
 "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
   version "7.9.6"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.9.6.tgz#a9102eb5cadedf3f31d08a9ecf294af7827ea29f"
@@ -1397,11 +1405,6 @@
     mustache "^2.3.0"
     stack-trace "0.0.10"
 
-"@posva/vuefire-core@^2.2.0-alpha.0":
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/@posva/vuefire-core/-/vuefire-core-2.3.1.tgz#6f9a389a311b13fcc67173163d7a38365ad7eb47"
-  integrity sha512-jcnVeck7H4N3F1zqAfiKDUcess6GMAO28CY6jqOJ8M5O4jwuBJTbyYWGClhLOs5P3Nuf1Hy1IXlFmeKIk5SdiQ==
-
 "@protobufjs/aspromise@^1.1.1", "@protobufjs/aspromise@^1.1.2":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@protobufjs/aspromise/-/aspromise-1.1.2.tgz#9b8b0cc663d669a7d8f6f5d0893a14d348f30fbf"
@@ -3006,12 +3009,17 @@ core-js-compat@^3.6.2:
     browserslist "^4.8.5"
     semver "7.0.0"
 
+core-js-pure@^3.0.0:
+  version "3.6.5"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.6.5.tgz#c79e75f5e38dbc85a662d91eea52b8256d53b813"
+  integrity sha512-lacdXOimsiD0QyNf9BC/mxivNJ/ybBGJXQFKzRekp1WTHoVUWsUHEn+2T8GJAzzIhyOuXA+gOxCVN3l+5PLPUA==
+
 [email protected]:
   version "3.6.5"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.6.5.tgz#7395dc273af37fb2e50e9bd3d9fe841285231d1a"
   integrity sha512-vZVEEwZoIsI+vPEuoF9Iqf5H7/M3eeQqWlQnYa8FSKKePuYTf5MWnxb5SDAzCa60b3JBRS5g9b+Dq7b1y/RCrA==
 
-core-js@^2.6.11, core-js@^2.6.5:
+core-js@^2.6.5:
   version "2.6.11"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.11.tgz#38831469f9922bded8ee21c9dc46985e0399308c"
   integrity sha512-5wjnpaT/3dV+XB4borEsnAYQchn00XSgTAWKDkEqv+K8KevjbzmofK6hfJ9TZIlpj2N0xQpazy7PiRQiWHqzWg==
@@ -10079,13 +10087,6 @@ vuex@^3.1.3:
   resolved "https://registry.yarnpkg.com/vuex/-/vuex-3.3.0.tgz#665b4630ea1347317139fcc5cb495aab3ec5e513"
   integrity sha512-1MfcBt+YFd20DPwKe0ThhYm1UEXZya4gVKUvCy7AtS11YAOUR+9a6u4fsv1Rr6ePZCDNxW/M1zuIaswp6nNv8Q==
 
-vuexfire@^3.2.0-alpha.0:
-  version "3.2.0-alpha.0"
-  resolved "https://registry.yarnpkg.com/vuexfire/-/vuexfire-3.2.0-alpha.0.tgz#a9c2187a7accbdb2ad140efb225a2789f596384b"
-  integrity sha512-iau1lkAu8KygHGADzxgaAuhFFE2njumxv/WJ/e2Rc3yDGYRGH8qX/OizlzPXriw+7i380MEvJ6WQdVsXl9oIVQ==
-  dependencies:
-    "@posva/vuefire-core" "^2.2.0-alpha.0"
-
 watchpack@^1.6.1:
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.6.1.tgz#280da0a8718592174010c078c7585a74cd8cd0e2"