Issue; information.vue:32 causing error

[Rusydy]

Summary

When I run the code, I get an error message Uncaught (in promise) TypeError: this.spb is undefined. The error is caused by the line this.spb.execute('test'); in information.vue file.

Description

Hi @Frontesque,

I found this line in your code on the vue3 branch:

<script>
export default {
  data() {
    return {
      scrcpyPlusVersion: this.$version
    }
  },
  mounted() {
    this.spb.execute('test'); <--- this line
  }
}
</script>

causing this error:

Uncaught (in promise) TypeError: this.spb is undefined
    mounted information.vue:32
    createHook runtime-core.esm-bundler.js:2879
    callWithErrorHandling runtime-core.esm-bundler.js:195
    callWithAsyncErrorHandling runtime-core.esm-bundler.js:202
    __weh runtime-core.esm-bundler.js:2859
    flushPostFlushCbs runtime-core.esm-bundler.js:378
    flushJobs runtime-core.esm-bundler.js:416
    promise callback*queueFlush runtime-core.esm-bundler.js:319
    queueJob runtime-core.esm-bundler.js:313
    effect runtime-core.esm-bundler.js:6145
    resetScheduling reactivity.esm-bundler.js:263
    triggerEffects reactivity.esm-bundler.js:307
    triggerRefValue reactivity.esm-bundler.js:1069
    set value reactivity.esm-bundler.js:1114
    finalizeNavigation vue-router.mjs:3400
    pushWithRedirect vue-router.mjs:3265
    promise callback*pushWithRedirect vue-router.mjs:3232
    push vue-router.mjs:3157
    install vue-router.mjs:3598
    use runtime-core.esm-bundler.js:3860
    <anonymous> main.js:9
    js app.js:334
    __webpack_require__ app.js:405
    __webpack_exports__ app.js:1521
    O app.js:447
    <anonymous> app.js:1522
    <anonymous> app.js:1524
information.vue:32

When I commented out the line, the error disappeared.

Before I investigate further, May I know what is the purpose of this line and what is the expected behaviour when it is executed?