ページロード時点でオカズリンクにURLが入力されている場合、すぐにメタデータを取得する

resources/assets/js/checkin.ts

@@ -14,7 +14,11 @@ new Vue({
         MetadataPreview
     },
     mounted() {
-        // TODO: 編集モード時はすぐにメタデータを取得する
+        // オカズリンクにURLがセットされている場合は、すぐにメタデータを取得する
+        const linkInput = this.$el.querySelector<HTMLInputElement>("#link");
+        if (linkInput && /^https?:\/\//.test(linkInput.value)) {
+            this.fetchMetadata(linkInput.value);
+        }
     },
     methods: {
         // オカズリンクの変更時
@@ -27,6 +31,11 @@ new Vue({
                     return;
                 }
 
+                this.fetchMetadata(url);
+            }
+        },
+        // メタデータの取得
+        fetchMetadata(url: string) {
             $.ajax({
                 url: '/api/checkin/card',
                 method: 'get',
@@ -41,5 +50,4 @@ new Vue({
             });
         }
     }
-    }
 });