import{_ as t,p as l,w as i,i as s,o as e,f as a,e as o,y as d,F as n,S as c,k as r,t as u}from"./index-2PZN6pGH.js";const f=t({data:()=>({list:[],toView:""}),onLoad(){for(let t=1;t<=20;t++)this.list.push({title:"v"+t,id:"V"+t})},methods:{handleClick(t){this.toView=t.id}}},[["render",function(t,f,h,w,_,k){const p=s,m=c;return e(),l(p,null,{default:i((()=>[a(m,{"scroll-x":"true","scroll-with-animation":"true","scroll-into-view":_.toView},{default:i((()=>[a(p,{style:{display:"flex"}},{default:i((()=>[(e(!0),o(n,null,d(_.list,((t,s)=>(e(),l(p,{id:t.id,class:"item",key:s,onClick:l=>k.handleClick(t)},{default:i((()=>[r(u(t.title),1)])),_:2},1032,["id","onClick"])))),128))])),_:1})])),_:1},8,["scroll-into-view"])])),_:1})}],["__scopeId","data-v-edaec0c7"]]);export{f as default};