一度作ったwebhookの設定画面を開こうとするとページがフリーズする

[darklie]

💡 Summary

一度作ったwebhookの設定画面を開こうとするとページがフリーズする

🥰 Expected Behavior

想定されている設定画面がよくわからないですが一度作ったwebhookの設定画面として想定している画面が出てほしいです

🤬 Actual Behavior

設定→その他の設定内のwebhookをクリック→create new webhookからwebhookを作成→また設定画面に戻ってwebhookをクリック→さっき作成したwebhookの名前をクリック→設定項目に何も表示されずページをF5更新するまでなんのリンクも機能しなくなる

📝 Steps to Reproduce

よくわからないです

📌 Environment

現行のmisskey.ioです

[Johann150]

Can reproduce and receive the following error on the developer console:

error on console

TypeError: e is null
    parentNode https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    P https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    run https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:1
    update https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    ne https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    H https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    T https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    W https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    K https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    B https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    T https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    W https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    Q https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    T https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    W https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    K https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    B https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    T https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    P https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    run https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:1
    update https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    qe https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    Ei https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    promise callback*_i https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    vr https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    effect https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    Xr https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:1
    Ks https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:1
    gs https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:1
    set value https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:1
    setup https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    promise callback*setup https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    qe https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    ef https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    tl https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    _e https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    H https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    T https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    W https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    K https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    B https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    T https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    W https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    Q https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    T https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    W https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    K https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    B https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    T https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    P https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    run https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:1
    update https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    ne https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    H https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    T https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    P https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    run https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:1
    update https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    ne https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    H https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4
    T https://b.qwertqwefsday.eu/assets/vue.1c62ee36.js:4

[futchitwo]

This is due to a bug in Vue<script setup> that does not allow top-level await.
However, I think it needs to be rewritten as it is unclear when Vue will be fixed.

vuejs/core#3652
(I am not familiar with this bug, but syuilo mentioned it earlier.)

[tamaina]

（必要な値が非同期で取得される場合はトップレベルawaitではなくresolveした後に結果をrefに代入するようにして制御するべき）