2 lines
1.8 KiB
JavaScript
2 lines
1.8 KiB
JavaScript
|
import{_ as g}from"./nuxt-img.f18eda15.js";import{a as v,I as w,J as k,K as x,o as r,e as u,L as n,G as i,M as y,N as V,u as e,c as b,i as C,f as N,O as B,P as $}from"./entry.a42f0781.js";import{_ as j}from"./Typography.vue.13ba1ade.js";import I from"./Section.f5b9263f.js";function L(){return[{title:"home.carousel.topic[0]",description:"home.carousel.description[0]",link:{name:"home.carousel.link[0]",href:"/release/creatorpartyverse"},img:"/imgs/Home.Creatorverse.jpg"},{title:"home.carousel.topic[1]",description:"home.carousel.description[1]",link:{name:"home.carousel.link[1]",href:"/release/holowater"},img:"/imgs/News/HoloWater/20230524162443.jpg"}]}const z={class:"relative h-300px w-full overflow-hidden md:h-600px xl:h-800px"},A=N("div",{class:"absolute left-0 top-0 z-1 h-full w-full",style:{"background-image":"linear-gradient(0deg,hsl(var(--a-body-bg-c)),transparent 65%, hsl(var(--a-body-bg-c)))","pointer-events":"none"}},null,-1),K=v({__name:"Carousel",setup(F){const o=L(),{state:t,next:m,prev:H}=w(o.map((l,s)=>s),{initialValue:0});return k(()=>{x(()=>{m()},3500)}),(l,s)=>{const p=g,_=B,d=$,f=j,h=I;return r(),u("div",z,[n(d,{modelValue:e(t),"onUpdate:modelValue":s[0]||(s[0]=a=>C(t)?t.value=a:null),"h-full":"",class:"h-full absolute w-full [&_.a-views-wrapper]:h-full"},{default:i(()=>[(r(!0),u(y,null,V(e(o),(a,c)=>(r(),b(_,{key:c,value:c,"h-full":""},{default:i(()=>[n(p,{src:a.img,fit:"cover",class:"w-full h-full",height:"600",width:"1000"},null,8,["src"])]),_:2},1032,["value"]))),128))]),_:1},8,["modelValue"]),n(h,{class:"top-0 z-10 h-full w-full flex items-center justify-center text-shadow"},{default:i(()=>[n(f,{"text-color":"white",topic:l.$t(e(o)[e(t)].title),description:l.$t(e(o)[e(t)].description),link:{...e(o)[e(t)].link,name:l.$t(e(o)[e(t)].link.name)}},null,8,["topic","description","link"])]),_:1}),A])}}});export{K as _};
|