1import{_ as $}from"./WtM0ao56.js";import{d as I,u as L,y as H,J as N,A as S,b as U,g as r,m as z,i as a,h as e,t as c,F as p,r as h,f as s,j as m,l as A,G as D,M as V,s as _,I as B,H as J,x as R}from"./DJgak87v.js";import{l as Y}from"./BkzqV088.js";import{u as E}from"./DzP-hdgz.js";import{u as F}from"./Csh9hlmC.js";const q={class:"project-youtube-page"},G={id:"project-youtube-content",class:"project-youtube-shell"},K={class:"project-youtube-intro"},M=["src","alt"],X={class:"project-youtube-intro__body"},Z={class:"project-youtube-nav","aria-label":"Section Navigation"},O=["href"],Q=["id"],W={key:0,class:"project-youtube-section__head"},ee={class:"project-youtube-grid"},te={class:"project-youtube-card__head"},oe=["src","alt"],ae={class:"project-youtube-card__body"},se={key:1,class:"project-youtube-card__foot"},re=["href","target"],ce={class:"project-youtube-channel"},ne={class:"project-youtube-channel__head"},le="https://www.youtube.com/embed/h4HKZ6LwHUk?list=PLnIrbdcCXUnS1oaUpyrr2g0jcHPVtCtJb",ie=I({__name:"youtube",async setup(ue){let i,y;const{locale:v,t:u}=L(),{toLocalePath:k}=J();H(),N();const b=_(()=>v.value==="en"?"en":"ja"),g=_(()=>b.value==="en"?"/contents/data/en/projects/youtube.json":"/contents/data/ja/projects/youtube.json");function f(){return{link:"",title:"",description:"",creator:"",headTitle:"",seoImage:{src:""},sections:[],section2Title:""}}const{data:w}=([i,y]=S(()=>E(()=>`projects-youtube-${b.value}`,()=>Y(g.value),{default:f,watch:[g]})),i=await i,y(),i),t=_(()=>w.value||f());function P(l){return l?k(l):""}const x=_(()=>t.value.sections.map((l,d)=>({id:`section-${d+1}`,label:l.title||`Section ${d+1}`})));return U({title:()=>`${t.value.title} | ${u("siteTitle")}`,description:()=>t.value.description,image:()=>t.value.seoImage.src,type:"website"}),F({type:"CollectionPage",name:()=>t.value.title||"YouTube",description:()=>t.value.description,image:()=>t.value.seoImage.src,breadcrumbs:[{name:()=>u("siteTitle"),path:"/"},{name:"Projects",path:"/projects/top/"},{name:()=>t.value.title||"YouTube",path:"/projects/youtube/"}]}),(l,d)=>{const C=$,T=B;return s(),r("main",q,[z(C,{"image-src":a(t).seoImage.src,tag:a(t).creator,title:a(t).title,"scroll-to":"#project-youtube-content"},null,8,["image-src","tag","title"]),e("section",G,[e("article",K,[e("img",{src:a(t).seoImage.src,alt:a(t).title,loading:"lazy"},null,8,M),e("div",X,[e("h2",null,c(a(t).headTitle),1),e("p",null,c(a(t).description),1)])]),e("nav",Z,[(s(!0),r(p,null,h(a(x),n=>(s(),r("a",{key:n.id,href:`#${n.id}`,class:"project-youtube-nav__item"},c(n.label),9,O))),128))]),(s(!0),r(p,null,h(a(t).sections,(n,j)=>(s(),r("section",{id:`section-${j+1}`,key:n.title||j,class:"project-youtube-section"},[n.title?(s(),r("header",W,[e("h2",null,c(n.title),1)])):m("",!0),e("div",ee,[(s(!0),r(p,null,h(n.contents,o=>(s(),r("article",{key:`${o.heading}-${o.text}`,class:"project-youtube-card"},[e("header",te,[e("h3",null,c(o.heading),1)]),o.image?.src?(s(),r("img",{key:0,src:o.image.src,alt:o.heading,loading:"lazy"},null,8,oe)):m("",!0),e("div",ae,[e("p",null,c(o.text),1)]),o.footer?.link?(s(),r("div",se,[/^https?:\/\//.test(o.footer.link)?(s(),r("a",{key:0,href:o.footer.link,target:o.footer.target||"_blank",rel:"noopener noreferrer",class:"project-youtube-card__button"},c(a(u)("btn.moreDetails")),9,re)):(s(),A(T,{key:1,to:P(o.footer.link),class:"project-youtube-card__button"},{default:D(()=>[V(c(a(u)("btn.moreDetails")),1)]),_:1},8,["to"]))])):m("",!0)]))),128))])],8,Q))),128)),e("section",ce,[e("header",ne,[e("h2",null,c(a(t).section2Title),1)]),e("div",{class:"project-youtube-channel__frame"},[e("iframe",{src:le,title:"Animalbook.jp YouTube Channel",loading:"lazy",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerpolicy:"strict-origin-when-cross-origin",allowfullscreen:""})])])])])}}}),ye=R(ie,[["__scopeId","data-v-1f9245a4"]]);export{ye as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.