diff --git a/package.json b/package.json
index 1953600..28feafb 100644
--- a/package.json
+++ b/package.json
@@ -9,17 +9,19 @@
   },
   "dependencies": {
     "core-js": "^3.6.4",
-    "vue": "^2.6.11"
+    "vue": "^3.0.0-alpha.4"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^4.2.0",
     "@vue/cli-plugin-eslint": "^4.2.0",
     "@vue/cli-service": "^4.2.0",
+    "@vue/compiler-sfc": "^3.0.0-alpha.4",
     "@vue/eslint-config-airbnb": "^5.0.2",
     "babel-eslint": "^10.0.3",
     "eslint": "^6.7.2",
     "eslint-plugin-import": "^2.20.1",
     "eslint-plugin-vue": "^6.1.2",
+    "vue-cli-plugin-vue-next": "^0.0.4",
     "vue-template-compiler": "^2.6.11"
   }
 }
diff --git a/src/main.js b/src/main.js
index e5c1db2..684d042 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,4 @@
-import Vue from 'vue';
+import { createApp } from 'vue';
 import App from './App.vue';
 
-Vue.config.productionTip = false;
-
-new Vue({
-  render: (h) => h(App),
-}).$mount('#app');
+createApp(App).mount('#app');
diff --git a/yarn.lock b/yarn.lock
index 1cacf43..b11eed7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1075,6 +1075,41 @@
     semver "^6.1.0"
     strip-ansi "^6.0.0"
 
+"@vue/compiler-core@3.0.0-alpha.8":
+  version "3.0.0-alpha.8"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.0.0-alpha.8.tgz#849dab7a96c482a00e03a273f075e5d12fd7aaa8"
+  integrity sha512-TCio1nuzuVUS9oeQycHsjRFTO9Bs4qO43S/73+MyBe/8ZHfhXn0nx6sxYfLytxnoyeo2Z4TGTevGQq7LUKO32g==
+  dependencies:
+    "@babel/parser" "^7.8.6"
+    "@babel/types" "^7.8.6"
+    "@vue/shared" "3.0.0-alpha.8"
+    estree-walker "^0.8.1"
+    source-map "^0.6.1"
+
+"@vue/compiler-dom@3.0.0-alpha.8":
+  version "3.0.0-alpha.8"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.0.0-alpha.8.tgz#82431ffaec5e889cd069954f4f5b90406f123108"
+  integrity sha512-y/zGe9mIDIqm6l0xVKA0+AQ2iCQZoqt16JKViP6r4TEcF8FdB9cAGV4vC07fGv3HeI2FpaHL5j8KQ15k9BP+Gg==
+  dependencies:
+    "@vue/compiler-core" "3.0.0-alpha.8"
+    "@vue/shared" "3.0.0-alpha.8"
+
+"@vue/compiler-sfc@^3.0.0-alpha.4":
+  version "3.0.0-alpha.8"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.0.0-alpha.8.tgz#e4f9a98df1af6e60f9e704e3dfd7fa3ca5edd65a"
+  integrity sha512-BQezRHe7F7z+J9Qb3UbVP5G34nW5xiWoxvDjDJIkqwMMJ6p8s9ITz8LRSXMP+cTgpRbN0l5VqmA2NuhCffAdPg==
+  dependencies:
+    "@vue/compiler-core" "3.0.0-alpha.8"
+    "@vue/compiler-dom" "3.0.0-alpha.8"
+    "@vue/shared" "3.0.0-alpha.8"
+    consolidate "^0.15.1"
+    hash-sum "^2.0.0"
+    lru-cache "^5.1.1"
+    merge-source-map "^1.1.0"
+    postcss "^7.0.21"
+    postcss-selector-parser "^6.0.2"
+    source-map "^0.6.1"
+
 "@vue/component-compiler-utils@^3.0.2", "@vue/component-compiler-utils@^3.1.0":
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-3.1.1.tgz#d4ef8f80292674044ad6211e336a302e4d2a6575"
@@ -1105,6 +1140,35 @@
   resolved "https://registry.yarnpkg.com/@vue/preload-webpack-plugin/-/preload-webpack-plugin-1.1.1.tgz#18723530d304f443021da2292d6ec9502826104a"
   integrity sha512-8VCoJeeH8tCkzhkpfOkt+abALQkS11OIHhte5MBzYaKMTqK0A3ZAKEUVAffsOklhEv7t0yrQt696Opnu9oAx+w==
 
+"@vue/reactivity@3.0.0-alpha.8":
+  version "3.0.0-alpha.8"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.0.0-alpha.8.tgz#18ece6e7f6872b586035038e868b9a60ee347929"
+  integrity sha512-E5FLripB13siehg/40TYSWhtV1DrgyjeSEjxm28RreJ2Rr1YS8yX+v9o8jS13RbkZeqhoHnY5DEnb5dsHMf/JA==
+  dependencies:
+    "@vue/shared" "3.0.0-alpha.8"
+
+"@vue/runtime-core@3.0.0-alpha.8":
+  version "3.0.0-alpha.8"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.0.0-alpha.8.tgz#a45a8020a059c78c316642a22932255ace58d212"
+  integrity sha512-nxFzUAZIeY/5P7wTQdkBWyWcINESHINb8sO5fzEs/QKqd0NwoFKopxuWUyeU81L5kbYG03dhiik1q2+VFABS2A==
+  dependencies:
+    "@vue/reactivity" "3.0.0-alpha.8"
+    "@vue/shared" "3.0.0-alpha.8"
+
+"@vue/runtime-dom@3.0.0-alpha.8":
+  version "3.0.0-alpha.8"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.0.0-alpha.8.tgz#717ee80e73c2a4070d5db808f13227a9f0cd25d2"
+  integrity sha512-vGKtS81UE1AbRFwJyLhbezd+WrrsGrCt96idrygl4JAJhkNHVkLVJHoNRaF7UCqurAt3ay2O1JEyqRhyJHA/nA==
+  dependencies:
+    "@vue/runtime-core" "3.0.0-alpha.8"
+    "@vue/shared" "3.0.0-alpha.8"
+    csstype "^2.6.8"
+
+"@vue/shared@3.0.0-alpha.8":
+  version "3.0.0-alpha.8"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.0.0-alpha.8.tgz#59dd820e8a7b98847624cb94cdfa89e97993fa3c"
+  integrity sha512-HcYWx9tU426lQOWOJ4Ht9DCNb1yN3dxe87Fhf1pMNPt4qdHycmCszyimwe48O3VgYWsPndWg7E/RmCh3yjkPpA==
+
 "@vue/web-component-wrapper@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@vue/web-component-wrapper/-/web-component-wrapper-1.2.0.tgz#bb0e46f1585a7e289b4ee6067dcc5a6ae62f1dd1"
@@ -2652,6 +2716,11 @@ csso@^4.0.2:
   dependencies:
     css-tree "1.0.0-alpha.37"
 
+csstype@^2.6.8:
+  version "2.6.9"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.9.tgz#05141d0cd557a56b8891394c1911c40c8a98d098"
+  integrity sha512-xz39Sb4+OaTsULgUERcCk+TJj8ylkL4aSVDQiX/ksxbELSqwkgt4d4RD7fovIdgJGSuNYqwZEiVjYY5l0ask+Q==
+
 current-script-polyfill@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/current-script-polyfill/-/current-script-polyfill-1.0.0.tgz#f31cf7e4f3e218b0726e738ca92a02d3488ef615"
@@ -3296,6 +3365,11 @@ estraverse@^4.0.0, estraverse@^4.1.0, estraverse@^4.1.1:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
 
+estree-walker@^0.8.1:
+  version "0.8.1"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.8.1.tgz#6230ce2ec9a5cb03888afcaf295f97d90aa52b79"
+  integrity sha512-H6cJORkqvrNziu0KX2hqOMAlA2CiuAxHeGJXSIoKA/KLv229Dw806J3II6mKTm5xiDX1At1EXCfsOQPB+tMB+g==
+
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
@@ -6395,7 +6469,7 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.0.3.tgz#651ff4593aa9eda8d5d0d66593a2417aeaeb325d"
   integrity sha512-N7h4pG+Nnu5BEIzyeaaIYWs0LI5XC40OrRh5L60z0QjFsqGWcHcbkBvpe1WYpcIS9yQ8sOi/vIPt1ejQCrMVrg==
 
-postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.23, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.5, postcss@^7.0.6:
+postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.16, postcss@^7.0.21, postcss@^7.0.23, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.5, postcss@^7.0.6:
   version "7.0.27"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.27.tgz#cc67cdc6b0daa375105b7c424a85567345fc54d9"
   integrity sha512-WuQETPMcW9Uf1/22HWUWP9lgsIC+KEHg2kozMflKjbeUtw9ujvFX6QmIfozaErDkmLWS9WEnEdEe6Uo9/BNTdQ==
@@ -8042,6 +8116,13 @@ vm-browserify@^1.0.1:
   resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
 
+vue-cli-plugin-vue-next@^0.0.4:
+  version "0.0.4"
+  resolved "https://registry.yarnpkg.com/vue-cli-plugin-vue-next/-/vue-cli-plugin-vue-next-0.0.4.tgz#b4cbea4fb8c08a8d0595f69d142483d57404c241"
+  integrity sha512-fUiWLY4UQYRPNyGcVYdwgG4WSVX6fSJMvtRXnpSw3uSwTp+/8xsB4OWK5O/T+BefM4Ip/mspx5WLcBDnZXCsDg==
+  dependencies:
+    vue-loader "^16.0.0-alpha.1"
+
 vue-eslint-parser@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-7.0.0.tgz#a4ed2669f87179dedd06afdd8736acbb3a3864d6"
@@ -8070,6 +8151,17 @@ vue-loader@^15.8.3:
     vue-hot-reload-api "^2.3.0"
     vue-style-loader "^4.1.0"
 
+vue-loader@^16.0.0-alpha.1:
+  version "16.0.0-alpha.3"
+  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-16.0.0-alpha.3.tgz#3471a3325a07a94e569aa281f83361819e4ad280"
+  integrity sha512-aC7TyXfzGs30mgru4iSfmEC8ZQigwpetaBpr/Q0PA0DZa5lEX9NMT7py9SCrXVq7mZeaYaz0QC/kzuUZtnYMHw==
+  dependencies:
+    chalk "^3.0.0"
+    hash-sum "^2.0.0"
+    loader-utils "^1.2.3"
+    merge-source-map "^1.1.0"
+    source-map "^0.6.1"
+
 vue-style-loader@^4.1.0, vue-style-loader@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.2.tgz#dedf349806f25ceb4e64f3ad7c0a44fba735fcf8"
@@ -8091,10 +8183,14 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue@^2.6.11:
-  version "2.6.11"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.11.tgz#76594d877d4b12234406e84e35275c6d514125c5"
-  integrity sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ==
+vue@^3.0.0-alpha.4:
+  version "3.0.0-alpha.8"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.0.0-alpha.8.tgz#7157b9f614b5eb83261bbb3998d2b15b9158feab"
+  integrity sha512-yyW9pg9rOZYYCFr7ft76lZb30eAkTOiHuHU3KazqXz+G72uwFH0tbbgDO13Xfh/FhcnifxMhYnI8qyGNN8LNlA==
+  dependencies:
+    "@vue/compiler-dom" "3.0.0-alpha.8"
+    "@vue/runtime-dom" "3.0.0-alpha.8"
+    "@vue/shared" "3.0.0-alpha.8"
 
 watchpack@^1.6.0:
   version "1.6.0"