import { _ as _export_sfc, a as authoredContent, r as resolveComponent, o as openBlock, c as createBlock, w as withCtx, b as createBaseVNode } from "./index.a738533d.js";
const FilmCard_vue_vue_type_style_index_0_scoped_3881780f_lang = "";
const _sfc_main = {
  props: ["filmKey"],
  computed: {
    posterUrl() {
      return "media/" + authoredContent.films[this.filmKey].poster;
    }
  }
};
const _hoisted_1 = ["src"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_router_link = resolveComponent("router-link");
  return openBlock(), createBlock(_component_router_link, {
    to: { name: "film", params: { filmKey: $props.filmKey } }
  }, {
    default: withCtx(() => [
      createBaseVNode("img", {
        class: "poster",
        src: $options.posterUrl
      }, null, 8, _hoisted_1)
    ]),
    _: 1
  }, 8, ["to"]);
}
const FilmCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3881780f"]]);
export {
  FilmCard as F
};