https://en.japantravel.com/build/assets/TopPrefectures-CiIbGOgT.js

1import{_ as N}from"./TravelAgency-C97hHrZ9.js";import{j as C,l as o,p as l,W as S,k as L,w as B,q as f,u,F as d,v as t,y as m,E as I,x as P,s as w,C as O,r as g,f as p,X as D}from"./vendor-vue-DgKPkTzM.js";import{P as F}from"./PostCard-DBKIbMCa.js";import{_ as M}from"./PostCardSkeleton.vue_vue_type_script_setup_true_lang-soaK3uGf.js";import{D as U}from"./Videos-BfqBQcFa.js";import{u as V}from"./links-lgUQVf6P.js";import"./vendor-icons-C07lCRXW.js";import"./vendor-Dtr_Mrnh.js";import"./vendor-swiper-CmTBkzXo.js";import"./RegionSidebarSkeleton.vue_vue_type_script_setup_true_lang-Cx0WbN6u.js";import"./useBookmarks-DfGwopMX.js";import"./Button-Df9jM5Z5.js";const j={class:"flex h-[200px] w-full animate-pulse items-center justify-center bg-gray-200 md:h-[330px] pb-12"},$=C({name:"SectionBannerSkeleton",__name:"SectionBannerSkeleton",setup(x){return(n,r)=>(o(),l("div",j,[...r[0]||(r[0]=[S('<div class="flex w-full flex-col items-center justify-center px-4 md:px-0"><div class="w-11/12 border-b-2 border-gray-300 pb-2 text-center md:w-1/2 space-y-3"><div class="mx-auto h-10 w-48 rounded bg-gray-300"></div><div class="mx-auto h-6 w-64 rounded bg-gray-300"></div></div><div class="my-0 flex flex-col md:gap-8 md:flex-row mt-10 gap-4"><div class="h-5 w-16 rounded bg-gray-300"></div><div class="h-5 w-20 rounded bg-gray-300"></div><div class="h-5 w-12 rounded bg-gray-300"></div></div></div>',1)])]))}}),G={class:"block-container"},H={class:"mb-5 flex justify-center"},z={class:"flex gap-4"},K={class:"px-4 md:px-0"},W={class:"mb-2 grid grid-cols-2 md:grid-cols-4 gap-2 px-4 md:px-0"},q={class:"mb-5 flex justify-center"},X={class:"flex gap-4 text-sm md:text-xl"},J=["onClick"],Q={class:"px-4 md:px-0"},Y={class:"mb-2 grid grid-cols-2 md:grid-cols-4 gap-2 px-4 md:px-0"},Z={class:"px-4 md:px-0"},pe=C({__name:"TopPrefectures",props:{block:{},isLazyLoading:{type:Boolean}},setup(x){const{t:n}=V(),r=x,v=g([]),b=g(""),_=g(null),T=p(()=>r.isLazyLoading||v.value.length===0),s=p(()=>{var e;return(e=_.value)==null?void 0:e.prefecture}),A=p(()=>{var e;return((e=_.value)==null?void 0:e.articles)||[]}),y=p(()=>s.value?`/${s.value.code}`:"/"),h=e=>{b.value=e.prefecture.code,_.value=e},R=()=>{s.value&&D.visit(y.value)},E=()=>{var i;const e=((i=r.block.content)==null?void 0:i.items)||[];v.value=e,e.length>0&&h(e[0])};return L(()=>{var i;((i=r.block.content)==null?void 0:i.items)&&Array.isArray(r.block.content.items)&&r.block.content.items.length>0&&E(),B(()=>{var c;return(c=r.block.content)==null?void 0:c.items},c=>{Array.isArray(c)&&c.length>0&&E()})}),(e,i)=>{var c,k;return o(),l("div",G,[f(U,{title:u(n)("HOMEPAGE_SECTION_PREFECTURE_TITLE"),size:"large",class:"mb-4"},null,8,["title"]),T.value?(o(),l(d,{key:0},[t("div",H,[t("div",z,[(o(),l(d,null,m(4,a=>t("div",{key:a,class:"h-6 w-16 animate-pulse rounded bg-gray-200"})),64))])]),t("div",K,[f($,{class:"mb-2"})]),t("div",W,[(o(),l(d,null,m(4,a=>f(M,{key:a})),64))]),i[0]||(i[0]=t("div",{class:"px-4 md:px-0"},[t("div",{class:"w-full h-14 mb-10 animate-pulse rounded bg-gray-200"})],-1))],64)):(o(),l(d,{key:1},[t("div",q,[t("ul",X,[(o(!0),l(d,null,m(v.value,a=>(o(),l("li",{key:a.prefecture.code,class:I(["cursor-pointer hover:text-primary",[b.value===a.prefecture.code?"text-primary":""]]),onClick:ee=>h(a)},P(a.prefecture.name),11,J))),128))])]),t("div",Q,[(c=s.value)!=null&&c.photo?(o(),w(N,{key:0,class:"mb-2","image-url":s.value.photo,title:s.value.name,description:s.value.subtitle,to:s.value.url,options:[{name:u(n)("HOMEPAGE_PREFECTURE_LINK_EVENTS"),path:"/events?prefecture="+s.value.code},{name:u(n)("HOMEPAGE_PREFECTURE_LINK_DISCOVER"),path:y.value},{name:u(n)("HOMEPAGE_PREFECTURE_LINK_MAP"),path:"/japan-map?prefecture="+s.value.code}]},null,8,["image-url","title","description","to","options"])):O("",!0)]),t("div",Y,[(o(!0),l(d,null,m(A.value,a=>(o(),w(F,{key:a.id,post:a},null,8,["post"]))),128))]),t("div",Z,[t("button",{type:"button",class:"w-full bg-primary mb-10 py-4 text-center text-[18px] text-white",onClick:R},P(u(n)("HOMEPAGE_PREFECTURE_VIEW_BUTTON",{0:(k=s.value)==null?void 0:k.name})),1)])],64))])}}});

1export{pe as default};