migration: remove @vue/compat and switch to Vue 3 proper

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"
   },

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>

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)
 

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 }) {

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()]
 })