From 9beb45490bc5f938c9e87b4ac1357cfb799565bd Mon Sep 17 00:00:00 2001
From: Evan You <yyx990803@gmail.com>
Date: Wed, 5 May 2021 19:26:50 -0400
Subject: [PATCH] migration: remove @vue/compat and switch to Vue 3 proper

---
 package.json                |  1 -
 src/App.vue                 |  2 +-
 src/main.js                 |  6 +-----
 src/views/CreateListView.js |  4 ----
 vite.config.js              | 17 +----------------
 5 files changed, 3 insertions(+), 27 deletions(-)

diff --git a/package.json b/package.json
index c4eb50b13..22a330152 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,6 @@
   "dependencies": {
     "firebase": "4.6.2",
     "vue": "^3.1.0",
-    "@vue/compat": "^3.1.0",
     "vue-router": "^4.0.0",
     "vuex": "^4.0.0"
   },
diff --git a/src/App.vue b/src/App.vue
index d4e0f97cb..e830978cb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,7 +10,7 @@
         <router-link to="/show">Show</router-link>
         <router-link to="/ask">Ask</router-link>
         <router-link to="/job">Jobs</router-link>
-        <a class="github" href="https://github.com/vuejs/vue-hackernews-2.0" target="_blank" rel="noopener">
+        <a class="github" href="https://github.com/vuejs/vue-hackernews-2.0/tree/migration" target="_blank" rel="noopener">
           Built with Vue.js
         </a>
       </nav>
diff --git a/src/main.js b/src/main.js
index 9cb7f0a02..58b45891b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,14 +1,10 @@
-import { createApp, configureCompat } from 'vue'
+import { createApp } from 'vue'
 import { createStore } from './store'
 import { createRouter } from './router'
 import titleMixin from './util/title'
 import App from './App.vue'
 import ProgressBar from './components/ProgressBar.vue'
 
-configureCompat({
-  MODE: 3
-})
-
 const router = createRouter()
 const store = createStore(router)
 
diff --git a/src/views/CreateListView.js b/src/views/CreateListView.js
index c78f88589..8f7f60fff 100644
--- a/src/views/CreateListView.js
+++ b/src/views/CreateListView.js
@@ -8,10 +8,6 @@ const camelize = str => str.charAt(0).toUpperCase() + str.slice(1)
 // They are essentially higher order components wrapping ItemList.vue.
 export default function createListView (type) {
   return {
-    compatConfig: {
-      MODE: 3
-    },
-
     name: `${type}-stories-view`,
 
     asyncData ({ store }) {
diff --git a/vite.config.js b/vite.config.js
index 35342f98f..ce3be0fab 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -3,20 +3,5 @@ import createVuePlugin from '@vitejs/plugin-vue'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  resolve: {
-    alias: {
-      vue: '@vue/compat'
-    }
-  },
-  plugins: [
-    createVuePlugin({
-      template: {
-        compilerOptions: {
-          compatConfig: {
-            MODE: 3
-          }
-        }
-      }
-    })
-  ]
+  plugins: [createVuePlugin()]
 })