Как я могу получить произвольные данные из firebase?

Question

Моя система состоит из VueCLI, vuetify, CloudFirestore и хранилища.
Я хочу выполнить поиск в CloudFirestore по идентификатору, получить изображения и отобразить их.
Идентификатор включен в URL (https ... / s/ {id}).
Конфигурация Firestore выглядит следующим образом.

Карты
-id
--imgurl

Как я могу улучшить свой код?

<template>
  <v-container>
    <v-row align="center" justify="center">
      <v-col cols="12" md="8" xs="12">
        <img :src="imageurl" />
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
import firebase from "firebase";
var db = firebase.firestore();

window.onload = function(req) {
  const path = req.path.split("/");
  const id = path[path.length - 1];

  db.collection("cards")
    .doc(id)
    .get()
    .then(doc => {
      const userData = doc.data();
      if (doc && userData) {
        const imageurl = userData.imageurl;
        return imageurl;
      }
    });
};
</script>