[{"data":1,"prerenderedAt":61},["Reactive",2],{"content-query-xl6RUYs75f":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":7,"body":9,"_type":56,"_id":57,"_source":58,"_file":59,"_extension":60},"/project/vueth","project",false,"","Vueth",{"type":10,"children":11,"toc":52},"root",[12,21],{"type":13,"tag":14,"props":15,"children":17},"element","h2",{"id":16},"intro",[18],{"type":19,"value":20},"text","Intro",{"type":13,"tag":22,"props":23,"children":24},"p",{},[25,27,33,35,42,44,50],{"type":19,"value":26},"When I started on my journey building in Web3, one thing I noticed was how all available libraries seemed to heavily depend on React. While I am comfortable building in react, I prefer Vue.js for my personal projects. Vueth (",{"type":13,"tag":28,"props":29,"children":30},"em",{},[31],{"type":19,"value":32},"Vue-ETH",{"type":19,"value":34},") Is a library I created to make building Vue based Dapps even easier. Its a thin layer on top of ethers, and provides several convenient hooks such as ",{"type":13,"tag":36,"props":37,"children":39},"code",{"className":38},[],[40],{"type":19,"value":41},"useBalance",{"type":19,"value":43}," and ",{"type":13,"tag":36,"props":45,"children":47},{"className":46},[],[48],{"type":19,"value":49},"useToken",{"type":19,"value":51}," which tracks the current balance of the user and maintains reactivity meaning dapps built in this way are always updated in realtime.",{"title":7,"searchDepth":53,"depth":53,"links":54},2,[55],{"id":16,"depth":53,"text":20},"markdown","content:project:vueth.md","content","project/vueth.md","md",1774820108569]