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