Migration to Vue 3 (again)

This is more organized and cleaned up version of previous attempt (which was, pretty much a deep dive head-first into toilet bowl).

This should mostly work, but certain things are really broken rn; I'll keep a list:

• Sticker picker completely broken
  • This is caused by (again) tab-switcher. I will need to change it AGAIN to pre-render its slot and iterate over that since it pretty much iterates on some sort of not-fully-realized template (?)
• Tabs can't be disabled (?) see above, visible on user profile page - "media" tab always enabled.
• Transitions/animations do not work
• Anything that uses with_load_more doesn't work. Something to do with slots
  • Followers/following tabs in user profiles
  • Pretty much the entirety of Mutes/Blocks tab in settings
  • Listeners aren't passed (not sure if needed at all)
• Chat message view is broken (???)
• Some routing is somewhat broken (notably - the fancy urls end up being /(users/)?username)
  • Fixed the (users/)? part but there's more like it i believe.
• Tooltip for scope icon (in statuses) no longer capitalized. Needs proper i18n
• Interactions view doesn't have tab switcher (grrr)
• Some i18n warnings in some places (not with compat build)
• Some warnings about events emitted not being declared (not with compat build)
• Serviceworker untouched, definitely doesn't work (compiles now but not sure if works)
• Minor spacing errors, most likely due to spaces always being dropped
• Theme tab is broken (not with compat build)
• Post content type selects show empty by default
• Inline usercards don't open instead direct to user profile page immediately
• Show Advanced checkmark doesn't work
• Fixed tests... mostly. Shit's as stable as box of dynamite though. Seems like mocha is less supported now and compat build might be interfering with vue/test-utils

This list is incomplete, you can help by expanding it

build/webpack.base.conf.js

@@ -4,6 +4,7 @@ var utils = require('./utils')
 var projectRoot = path.resolve(__dirname, '../')
 var ServiceWorkerWebpackPlugin = require('serviceworker-webpack-plugin')
 var CopyPlugin = require('copy-webpack-plugin');
+var { VueLoaderPlugin } = require('vue-loader')
 
 var env = process.env.NODE_ENV
 // check env & config/index.js to decide weither to enable CSS Sourcemaps for the
@@ -29,12 +30,11 @@ module.exports = {
     }
   },
   resolve: {
-    extensions: ['.js', '.vue'],
+    extensions: ['.js', '.jsx', '.vue'],
     modules: [
       path.join(__dirname, '../node_modules')
     ],
     alias: {
-      'vue$': 'vue/dist/vue.runtime.common',
       'static': path.resolve(__dirname, '../static'),
       'src': path.resolve(__dirname, '../src'),
       'assets': path.resolve(__dirname, '../src/assets'),
@@ -60,7 +60,17 @@ module.exports = {
       },
       {
         test: /\.vue$/,
-        use: 'vue-loader'
+        loader: 'vue-loader',
+        options: {
+          compilerOptions: {
+            isCustomElement(tag) {
+              if (tag === 'pinch-zoom') {
+                return true
+              }
+              return false
+            }
+          }
+        }
       },
       {
         test: /\.jsx?$/,
@@ -95,6 +105,7 @@ module.exports = {
       entry: path.join(__dirname, '..', 'src/sw.js'),
       filename: 'sw-pleroma.js'
     }),
+    new VueLoaderPlugin(),
     // This copies Ruffle's WASM to a directory so that JS side can access it
     new CopyPlugin({
       patterns: [