Fix deprecated render function and deprecated $listeners

front/src/components/Sidebar.vue

@@ -119,7 +119,7 @@
               </div>
               <user-menu
                 :width="width"
-                v-on="$listeners"
+                v-bind="$attrs"
               />
             </div>
           </div>
@@ -522,7 +522,7 @@ export default {
       languageSelection: this.$language.current
     }
   },
-  unmount () {
+  destroy () {
     if (this.fetchInterval) {
       clearInterval(this.fetchInterval)
     }

front/src/components/audio/podcast/Table.vue

@@ -30,7 +30,7 @@
           :total="total"
           :current="page"
           :paginate-by="paginateBy"
-          v-on="$listeners"
+          v-bind="$attrs"
         />
       </div>
     </div>
@@ -69,7 +69,7 @@
           :total="total"
           :current="page"
           :compact="true"
-          v-on="$listeners"
+          v-bind="$attrs"
         />
       </div>
     </div>

front/src/main.ts

@@ -1,29 +1,30 @@
 import router from '~/router'
 import store from '~/store'
-import { createApp, defineAsyncComponent } from 'vue'
+import { configureCompat, createApp, defineAsyncComponent, h } from 'vue'
 import useLogger from '~/composables/useLogger'
 import useTheme from '~/composables/useTheme'
 useTheme()
 
+configureCompat({
+  RENDER_FUNCTION: false
+})
+
 const logger = useLogger()
 logger.info('Loading environment:', import.meta.env.MODE)
 logger.debug('Environment variables:', import.meta.env)
 
 const app = createApp({
-  components: {
+  name: 'Root',
-    App: defineAsyncComponent(() => import('~/App.vue'))
+  data: () => ({ ready: false }),
+  mounted () {
+    this.ready = true
   },
-  data: () => ({ isMounted: false }),
+  render () {
-  async mounted () {
+    if (this.ready) {
-    this.isMounted = true
+      return h(defineAsyncComponent(() => import('~/App.vue')))
-  },
-  render (h) {
-    if (this.isMounted) {
-      return h('app')
     }
 
-    // TODO (wvffle): Import fake app component
+    return null
-    return h()
   }
 })