https://surface-online.com/_nuxt/BSJBIiU6.js

1import V from"./CopaAIAp.js";import{_ as F}from"./CmIhvCXs.js";import{t as k}from"./C7aZ_PHt.js";import{u as J}from"./BFm5U6kX.js";import{u as P}from"./VWJWNPyN.js";import{a as H,u as R}from"./CmnmLmLP.js";import{c as Y}from"./BIQgNANS.js";import{u as I}from"./D9iZ6mzS.js";import{e as q,B as G,h as O,u as Z,c as d,a as e,b as i,t as s,j as l,w as y,s as $,F as _,r as v,l as g,z as D,y as C,o as c,d as h,k as A}from"./Dqe83guj.js";import{q as Q}from"./CCS2Tmlx.js";const K={class:"min-h-screen bg-[#F9F9F9]"},U={class:"relative bg-white pt-12 pb-16 overflow-hidden"},W={class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"},X={class:"animate-fade-up"},ee={class:"inline-flex items-center gap-2 px-3 py-1.5 bg-blue-50 text-[#00A3E0] rounded-full mb-6 border border-blue-100"},te={class:"text-4xl md:text-5xl font-black text-gray-900 mb-6 leading-tight tracking-tighter"},se={class:"text-lg text-gray-500 font-medium mb-8 max-w-2xl mx-auto leading-relaxed"},oe={class:"flex flex-col sm:flex-row items-center justify-center gap-4"},ae={key:0,class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-12 md:pt-16"},re={class:"flex flex-col md:flex-row md:items-end justify-between mb-6 gap-4"},le={class:"inline-flex items-center gap-1.5 px-3 py-1 bg-emerald-50 text-emerald-600 rounded-full text-[10px] font-black uppercase tracking-widest mb-3 border border-emerald-100/60"},ne={class:"text-3xl md:text-4xl font-black text-gray-900"},ie={class:"flex items-center justify-between md:justify-end gap-4"},ce={class:"text-sm md:text-base text-gray-500 font-medium max-w-md hidden lg:block"},de={class:"flex items-center gap-2"},ue=["disabled"],me=["disabled"],pe={key:0,class:"flex flex-wrap items-center gap-2 mb-6"},ge=["onClick"],xe={class:"flex items-center justify-between gap-2 mb-3"},be={class:"inline-flex items-center gap-1 text-[10px] font-black px-2.5 py-1 bg-blue-50 text-[#00A3E0] rounded-lg"},he={class:"text-[10px] font-bold text-gray-400"},fe={class:"w-full h-32 bg-gray-50/80 rounded-2xl flex items-center justify-center p-3 mb-4 group-hover:bg-blue-50/40 transition-colors"},ye=["src","alt"],_e={class:"text-lg font-black text-gray-900 group-hover:text-[#00A3E0] transition-colors mb-1.5 truncate"},ve={class:"flex items-center gap-2 mb-3 text-[11px] font-bold"},we={class:"inline-flex items-center gap-1 text-gray-500"},ke={key:0,class:"inline-flex items-center px-2 py-0.5 rounded-md text-[10px] font-black bg-slate-100 text-slate-700"},$e={class:"text-xs text-gray-500 line-clamp-2 leading-relaxed mb-4 h-9"},Ae={class:"flex flex-wrap items-center gap-1.5 text-[10px] font-black mb-4"},Ee={key:0,class:"inline-flex items-center gap-1 px-2.5 py-1 bg-violet-50 border border-violet-100/50 text-violet-700 rounded-lg max-w-full"},ze={class:"truncate"},je={key:1,class:"inline-flex items-center gap-1 px-2.5 py-1 bg-blue-50 border border-blue-100/50 text-blue-700 rounded-lg shrink-0"},Se={key:2,class:"inline-flex items-center gap-1 px-2.5 py-1 bg-emerald-50 border border-emerald-100/50 text-emerald-700 rounded-lg shrink-0"},Be={key:3,class:"inline-flex items-center gap-1 px-2.5 py-1 bg-amber-50 border border-amber-100/50 text-amber-700 rounded-lg shrink-0"},De={key:4,class:"inline-flex items-center gap-1 px-2.5 py-1 bg-indigo-50 border border-indigo-100/50 text-indigo-700 rounded-lg shrink-0"},Ce={class:"pt-3 border-t border-gray-100 flex items-center justify-between mt-1"},Le={class:"text-xs font-black text-gray-500 group-hover:text-[#00A3E0] transition-colors"},Me={key:1,class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-12 md:pt-16"},Te={class:"flex flex-col md:flex-row md:items-end justify-between mb-8 gap-4"},Ne={class:"inline-flex items-center gap-1.5 px-3 py-1 bg-blue-50 text-[#00A3E0] rounded-full text-[10px] font-black uppercase tracking-widest mb-3 border border-blue-100/60"},Ve={class:"text-3xl md:text-4xl font-black text-gray-900"},Fe={class:"text-sm md:text-base text-gray-500 font-medium max-w-md"},Je={class:"grid grid-cols-1 md:grid-cols-3 gap-6"},Pe={class:"flex items-center justify-between gap-2 mb-5"},He={class:"text-[10px] font-black px-2.5 py-1 bg-gray-100 text-gray-600 rounded-lg uppercase tracking-wider"},Re={class:"text-[10px] font-black text-[#00A3E0] flex items-center gap-1 group-hover:translate-x-0.5 transition-transform"},Ye={class:"grid grid-cols-2 gap-3 bg-gray-50/70 group-hover:bg-blue-50/30 rounded-2xl p-4 mb-5 transition-colors"},Ie={class:"flex flex-col items-center text-center"},qe=["src","alt"],Ge={class:"text-xs font-black text-gray-900 line-clamp-1 leading-tight"},Oe={class:"text-[10px] font-bold text-gray-400 mt-0.5"},Ze={class:"flex flex-col items-center text-center border-l border-gray-200/60 pl-3"},Qe=["src","alt"],Ke={class:"text-xs font-black text-gray-900 line-clamp-1 leading-tight"},Ue={class:"text-[10px] font-bold text-gray-400 mt-0.5"},We={class:"text-base font-black text-gray-900 group-hover:text-[#00A3E0] transition-colors mb-2 leading-snug"},Xe={class:"text-xs text-gray-500 font-medium leading-relaxed mb-4"},et={class:"pt-3 border-t border-gray-100 flex items-center justify-between mt-2"}

1,tt={class:"text-xs font-black text-[#00A3E0]"},st={class:"w-7 h-7 rounded-lg bg-blue-50 text-[#00A3E0] group-hover:bg-[#00A3E0] group-hover:text-white flex items-center justify-center transition-all"},ot={class:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 md:py-24"},at={class:"flex flex-col md:flex-row md:items-end justify-between mb-8 md:mb-12 gap-4"},rt={class:"text-xs md:text-sm font-black text-[#00A3E0] uppercase tracking-[0.3em] mb-2 md:mb-4"},lt={class:"text-3xl md:text-4xl font-black text-gray-900"},nt={class:"text-sm md:text-base text-gray-500 font-medium max-w-md"},it={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"},ct={class:"w-14 h-14 rounded-2xl bg-gray-50 flex items-center justify-center text-gray-400 group-hover:text-[#00A3E0] group-hover:bg-blue-50 transition-all mb-6"},dt={class:"text-2xl font-black text-gray-900 mb-3"},ut={class:"text-sm text-gray-500 font-medium leading-relaxed mb-8 flex-grow"},mt={class:"flex items-center gap-2 text-[#00A3E0] font-black text-sm group-hover:translate-x-2 transition-transform"},At=q({__name:"index",setup(pt){const{familyEntries:L}=J(),{currentModelGroups:b}=P(),{t:gt}=G(),p=H(),f=R(),x=D("all"),w=C(()=>{let a=[];if(x.value==="all")a=b.value.flatMap(r=>r.models.map(o=>({model:o,family:r.family})));else{const r=b.value.find(o=>o.family.slug===x.value);r&&(a=r.models.map(o=>({model:o,family:r.family})))}return[...a].sort((r,o)=>Y(r.model,o.model))}),E=C(()=>{const a=b.value.flatMap(n=>n.models),r=n=>a.find(t=>t.slug===n);return[{slugA:"surface-pro-12-13",slugB:"surface-laptop-8-13",tagJa:"2-in-1 vs ノートPC",tagEn:"2-in-1 vs Laptop",pointJa:"同世代フラッグシップ対決。機動性とペンのProか、キーボードと駆動時間のLaptopか。",pointEn:"Flagship showdown. Pro portability & pen vs. Laptop battery & integrated typing."},{slugA:"surface-pro-12-13",slugB:"surface-pro-12",tagJa:"サイズ・価格差",tagEn:"Size & Budget",pointJa:"13インチ上位機 vs 12インチ軽量・廉価機。携帯性と予算のバランスを比較。",pointEn:"13-inch premium flagship vs 12-inch compact value. Compare size, power and portability."},{slugA:"surface-laptop-8-13",slugB:"surface-laptop-8-15",tagJa:"画面サイズ対決",tagEn:"Screen Sizes",pointJa:"持ち運びやすい13.8型 vs 圧倒的な作業領域と冷却性の15型。",pointEn:"Portable 13.8-inch display vs expansive 15-inch workspace & thermal headroom."}].map(n=>{const t=r(n.slugA),m=r(n.slugB);return!t||!m?null:{slug:`${n.slugA}-vs-${n.slugB}`,modelA:t,modelB:m,tag:p.value==="ja"?n.tagJa:n.tagEn,point:p.value==="ja"?n.pointJa:n.pointEn}}).filter(n=>n!==null)}),z=D(null),{showLeftArrow:M,showRightArrow:T,scroll:j}=I(z,[w]),S=a=>{const r=a.specs?.find(o=>o.key==="processor"||o.label==="プロセッサ"||o.label==="Processor");return r?r.value:""},N=a=>{const r=a.releaseDate||(a.releaseYear?`${a.releaseYear}-01-01`:"");if(!r)return"—";const o=r.match(/^(\d{4})[-/]?(\d{2})?[-/]?(\d{2})?/);if(!o)return a.releaseYear||"—";const[,n,t,m]=o;return t&&m?p.value==="ja"?`${n}年${Number(t)}月${Number(m)}日`:new Intl.DateTimeFormat("en",{year:"numeric",month:"short",day:"numeric"}).format(new Date(`${n}-${t}-${m}T00:00:00Z`)):t?p.value==="ja"?`${n}年${Number(t)}月`:new Intl.DateTimeFormat("en",{year:"numeric",month:"short"}).format(new Date(`${n}-${t}-01T00:00:00Z`)):p.value==="ja"?`${n}年`:n},B=a=>{const r=a.releaseDate||(a.releaseYear?`${a.releaseYear}-01-01`:"");if(!r)return null;const o=new Date(r).getTime();if(Number.isNaN(o))return null;const n=Date.now(),t=Math.floor((n-o)/(1e3*60*60*24));return t>=0?t:0},{data:u}=O(()=>`index-page-${p.value}`,async()=>{try{return await Q("index").where("stem","=",`${p.value}/index`).first()}catch(a){return console.error("[page:/] content query failed:",a,a?.stack),null}},"$GQeAZNJbmk");return Z(()=>({title:u.value?.seo?.title||(u.value?.title?`${u.value.title} | Surface Online`:"Surface Online"),meta:[{name:"description",content:u.value?.seo?.description||u.value?.intro||u.value?.description||(p.value==="en"?"Explore Surface series, benchmark performance, and understand what makes each model line distinct.":"シリーズごとの特徴とベンチマークを整理し、自分に合うSurfaceの方向性をつかめます。")}]})),(a,r)=>{const o=V,n=F;return c(),d("div",K,[e("section",U,[r[4]||(r[4]=e("div",{class:"absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[400px] bg-blue-50/50 rounded-full blur-3xl -z-10 opacity-50"},null,-1)),e("div",W,[e("div",X,[e("div",ee,[i(o,{name:"lucide:sparkles",size:"14"}),r[3]||(r[3]=e("span",{class:"text-[10px] font-black uppercase tracking-widest"},"2026 Edition",-1))]),e("h1",te,s(l(u)?.heading||l(u)?.title||a.$t("home.heroTitle")),1),e("p",se,s(l(u)?.intro||l(u)?.description||(l(p)==="en"?"Explore Surface series, benchmark performance, and understand what makes each model line distinct.":"シリーズごとの特徴とベンチマークを整理し、自分に合うSurfaceの方向性をつかめます。")),1),e("div",oe,[i(n,{to:l(f)("/family/"),class:"w-full sm:w-auto px-8 py-4 bg-white text-gray-900 font-black text-base rounded-xl border-2 border-gray-100 hover:border-[#00A3E0] hover:bg-blue-50/30 transition-all flex items-center justify-center gap-2"},{default:y(()=>[i(o,{name:"lucide:laptop",size:"20"}),h(" "+s(a.$t("home.seriesHubTitle")),1)]),_:1},8,["to"])])])])]),l(w).length>0?(c(),d("section",ae,[e("div",re,[e("div",null,[e("div",le,[i(o,{name:"lucide:check-circle",size:"12"}),e("span",null,s(a.$t("home.currentModelsLabel")),1)]),e("h2",ne,s(l(u)?.currentModelsTitle||a.$t("home.currentModelsTitle")),1)]),e("div",ie,[e("p",ce,s(l(u)?.currentModelsDescription||a.$t("home.currentModelsDescription")),1),e("div",de,[e("button",{type:"button",onClick:r[0]||(r[0]=t=>l(j)("left")),disabled:!l(M),"aria-label":"Scroll left",class:"w-10 h-10 rounded-xl border border-gray-200 bg-white flex items-center justify-center text-gray-700 transition-all hover:bg-gray-50 hover:border-gray-300 disabled:opacity-30 disabled:pointer-events-none shadow-sm cursor-pointer"},[i(o,{name:"lucide:chevron-left",size:"18"})],8,ue),e("button",{type:"button",onClick:r[1]||(r[1]=t=>l(j)("right")),disabled:!l(T),"aria-label":"Scroll right",class:"w-10 h-10 rounded-xl border border-gray-200 bg-white flex items-center justify-center text-gray-700 transition-all hover:bg-gray-50 hover:border-gray-300 disabled:opacity-30 disabled:pointer-events-none shadow-sm cursor-pointer"},[i(o,{name:"lucide:chevron-right",size:"18"})],8,me)])])]),l(b).length>1?(c(),d("div",pe,[e("button",{type:"button",onClick:r[2]||(r[2]=t=>x.value="all"),class:$(["px-4 py-2 rounded-xl text-xs font-black transition-all cursor-pointer border",l(x)==="all"?"bg-[#00A3E0] text-white border-[#00A3E0] shadow-sm":"bg-white text-gray-600 border-gray-200 hover:border-gray-300 hover:bg-gray-50"])},s(a.$t("home.allCurrentModels"))+" ("+s(l(b).reduce((t,m)=>t+m.models.length,0))+") ",3),(c(!0),d(_,null,v(l(b),t=>(c(),d("button",{key:t.family.slug,type:"button",onClick:m=>x.value=t.family.slug,class:$(["inline-flex items-center gap-1.5 px-4 py-2 rounded-xl text-xs font-black transition-all cursor-pointer border",l(x)===t.family.slug?"bg-[#00A3E0] text-white border-[#00A3E0] shadow-sm":"bg-white text-gray-600 border-gray-200 hover:border-gray-300 hover:bg-gray-50"])}

1,[i(o,{name:l(k)(t.family.icon||"Laptop"),size:"14"},null,8,["name"]),e("span",null,s(t.family.name),1),e("span",{class:$(["text-[10px] px-1.5 py-0.2 rounded-full",l(x)===t.family.slug?"bg-white/20 text-white":"bg-gray-100 text-gray-500"])},s(t.models.length),3)],10,ge))),128))])):g("",!0),e("div",{ref_key:"currentModelsScrollRef",ref:z,class:"flex gap-5 overflow-x-auto pb-4 pt-1 snap-x snap-mandatory scrollbar-none -mx-4 px-4 sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8",style:{"scrollbar-width":"none","-ms-overflow-style":"none"}},[(c(!0),d(_,null,v(l(w),({model:t,family:m})=>(c(),A(n,{key:t.id,to:l(f)(`/model/${t.slug}/`),class:"group shrink-0 w-[300px] sm:w-[340px] snap-start bg-white rounded-3xl border-2 border-gray-100 hover:border-[#00A3E0] hover:shadow-xl hover:shadow-blue-50/80 transition-all duration-300 p-5 flex flex-col justify-between relative overflow-hidden"},{default:y(()=>[e("div",null,[e("div",xe,[e("span",be,[i(o,{name:l(k)(m.icon||"Laptop"),size:"12"},null,8,["name"]),h(" "+s(m.name),1)]),e("span",he,s(t.releaseYear),1)]),e("div",fe,[e("img",{src:t.image||`/images/models/${t.slug}.svg`,alt:t.name,class:"max-h-full max-w-full object-contain transition-transform duration-300 group-hover:scale-105",loading:"lazy"},null,8,ye)]),e("h3",_e,s(t.name),1),e("div",ve,[e("span",we,[i(o,{name:"lucide:calendar",size:"12",class:"text-gray-400 shrink-0"}),e("span",null,s(N(t)),1)]),B(t)!==null?(c(),d("span",ke,s(a.$t("home.daysSinceRelease",{days:B(t)})),1)):g("",!0)]),e("p",$e,s(t.tldr),1),e("div",Ae,[S(t)?(c(),d("span",Ee,[i(o,{name:"lucide:cpu",size:"11",class:"shrink-0"}),e("span",ze,s(S(t)),1)])):g("",!0),t.cpuBenchmark?(c(),d("span",je,[i(o,{name:"lucide:gauge",size:"11"}),e("span",null,"Score: "+s(t.cpuBenchmark),1)])):g("",!0),t.batteryLife?(c(),d("span",Se,[i(o,{name:"lucide:battery",size:"11"}),e("span",null,s(t.batteryLife)+s(a.$t("units.hoursShort")),1)])):g("",!0),t.weight?(c(),d("span",Be,[i(o,{name:"lucide:weight",size:"11"}),e("span",null,s(t.weight)+"g",1)])):g("",!0),t.tops?(c(),d("span",De,[i(o,{name:"lucide:zap",size:"11"}),e("span",null,s(t.tops)+" TOPS",1)])):g("",!0)])]),e("div",Ce,[e("span",Le,s(a.$t("components.finderModal.viewSpecs")),1),i(o,{name:"lucide:arrow-right",size:"16",class:"p-1.5 bg-gray-50 text-gray-400 group-hover:bg-[#00A3E0] group-hover:text-white rounded-lg transition-all transform group-hover:translate-x-1"})])]),_:2},1032,["to"]))),128))],512)])):g("",!0),l(E).length>0?(c(),d("section",Me,[e("div",Te,[e("div",null,[e("div",Ne,[i(o,{name:"lucide:scale",size:"12"}),e("span",null,s(a.$t("home.compareVersusLabel")),1)]),e("h2",Ve,s(a.$t("home.compareVersusTitle")),1)]),e("p",Fe,s(a.$t("home.compareVersusDescription")),1)]),e("div",Je,[(c(!0),d(_,null,v(l(E),t=>(c(),A(n,{key:t.slug,to:l(f)(`/compare/${t.slug}/`),class:"group bg-white rounded-3xl border-2 border-gray-100 hover:border-[#00A3E0] hover:shadow-xl hover:shadow-blue-50/80 transition-all duration-300 p-6 flex flex-col justify-between"},{default:y(()=>[e("div",null,[e("div",Pe,[e("span",He,s(t.tag),1),e("span",Re,[r[5]||(r[5]=h(" VS ",-1)),i(o,{name:"lucide:chevron-right",size:"12"})])]),e("div",Ye,[e("div",Ie,[e("img",{src:t.modelA.image||`/images/models/${t.modelA.slug}.svg`,alt:t.modelA.name,class:"h-16 w-auto object-contain mb-2 transition-transform duration-300 group-hover:scale-105",loading:"lazy"},null,8,qe),e("span",Ge,s(t.modelA.name.replace(/^Surface\s+/,"")),1),e("span",Oe,s(t.modelA.weight)+"g",1)]),e("div",Ze,[e("img",{src:t.modelB.image||`/images/models/${t.modelB.slug}.svg`,alt:t.modelB.name,class:"h-16 w-auto object-contain mb-2 transition-transform duration-300 group-hover:scale-105",loading:"lazy"},null,8,Qe),e("span",Ke,s(t.modelB.name.replace(/^Surface\s+/,"")),1),e("span",Ue,s(t.modelB.weight)+"g",1)])]),e("h3",We,[h(s(t.modelA.name)+" ",1),r[6]||(r[6]=e("span",{class:"text-gray-300 mx-1"},"vs",-1)),h(" "+s(t.modelB.name),1)]),e("p",Xe,s(t.point),1)]),e("div",et,[e("span",tt,s(a.$t("home.compareVersusView")),1),e("div",st,[i(o,{name:"lucide:arrow-right",size:"14"})])])]),_:2},1032,["to"]))),128))])])):g("",!0),e("section",ot,[e("div",at,[e("div",null,[e("h2",rt,s(a.$t("home.seriesHubLabel")),1),e("h3",lt,s(l(u)?.seriesHubTitle||a.$t("home.seriesHubTitle")),1)]),e("p",nt,s(l(u)?.seriesHubDescription||a.$t("home.seriesHubDescription")),1)]),e("div",it,[(c(!0),d(_,null,v(l(L),t=>(c(),A(n,{key:t.slug,to:t.slug?l(f)(`/family/${t.slug}/`):void 0,class:"group bg-white p-8 rounded-[2rem] border border-gray-100 hover:border-[#00A3E0] hover:shadow-2xl hover:shadow-blue-100 transition-all flex flex-col"},{default:y(()=>

1[e("div",ct,[i(o,{name:l(k)(t.icon||"Laptop"),size:"32"},null,8,["name"])]),e("h4",dt,s(t.name),1),e("p",ut,s(t.description),1),e("div",mt,[h(s(a.$t("home.seriesCta"))+" ",1),i(o,{name:"lucide:chevron-right",size:"18"})])]),_:2},1032,["to"]))),128))])])])}}});export{At as default};