[{"data":1,"prerenderedAt":109},["ShallowReactive",2],{"site-info":3,"\u002Fwriting\u002Fvuejs-using-typescript-with-vue":55},{"id":4,"title":5,"baseTitle":6,"body":7,"city":14,"description":11,"extension":15,"firstName":16,"lastName":17,"meta":18,"navigation":19,"path":35,"resumeUrl":36,"role":37,"seo":38,"socialLinks":39,"state":52,"stem":53,"__hash__":54},"siteInfo\u002Fsite-information.md","Site Information","| Front-End Software Engineer | Cincinnati, OH",{"type":8,"value":9,"toc":10},"minimark",[],{"title":11,"searchDepth":12,"depth":12,"links":13},"",2,[],"Cincinnati","md","Dave","Berning",{},[20,23,26,29,32],{"name":21,"to":22},"About","\u002Fabout",{"name":24,"to":25},"Work","\u002Fwork",{"name":27,"to":28},"Writing","\u002Fwriting",{"name":30,"to":31},"Endorsements","\u002Fendorsements",{"name":33,"to":34},"Contact","\u002Fcontact","\u002Fsite-information","\u002Fresume","Front-End Software Engineer",{"description":11},[40,44,48],{"label":41,"href":42,"icon":43},"LinkedIn","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fdavidberning\u002F","simple-icons:linkedin",{"label":45,"href":46,"icon":47},"GitHub","https:\u002F\u002Fgithub.com\u002Fdaveberning","simple-icons:github",{"label":49,"href":50,"icon":51},"Email","mailto:hello@daveberning.io","lucide:mail","OH","site-information","Riwsk3KNMBr9V9OmxgoWlnFymJ_mfMFTDiaiIADNjUo",{"id":56,"title":57,"body":58,"category":90,"description":91,"extension":15,"externalUrl":92,"featuredImage":93,"meta":94,"navigation":95,"path":96,"platform":97,"publishedAt":98,"readingTime":99,"seo":100,"status":101,"stem":102,"tags":103,"updatedAt":11,"__hash__":108},"writing\u002Fwriting\u002Fvuejs-using-typescript-with-vue.md","How To Use TypeScript with Vue Single File Components",{"type":8,"value":59,"toc":88},[60,74,81],[61,62,63,64,68,69,73],"p",{},"This ",[65,66,67],"strong",{},"TypeScript with Vue"," tutorial explains how to bring stronger typing into a Vue project without losing the simplicity of Single-File Components. It walks through generating a Vue CLI app with TypeScript support, configuring the compiler, and using typed data structures inside ",[70,71,72],"code",{},".vue"," files.",[61,75,76,77,80],{},"Along the way, the article covers ",[65,78,79],{},"basic types, custom types, and typed component logic",", giving readers a practical path from plain JavaScript to safer, more maintainable Vue code. That makes it a useful guide for teams that want better editor tooling, clearer contracts, and fewer runtime surprises.",[61,82,83,84,87],{},"If you are exploring ",[65,85,86],{},"TypeScript in Vue, typed Single-File Components, and better front-end maintainability",", this article gives a grounded introduction to the concepts that matter most.",{"title":11,"searchDepth":12,"depth":12,"links":89},[],"Tutorial","Learn how to use TypeScript with Vue Single-File Components to type props, component state, and application logic more reliably.","https:\u002F\u002Fwww.digitalocean.com\u002Fcommunity\u002Ftutorials\u002Fvuejs-using-typescript-with-vue","https:\u002F\u002Fwww.digitalocean.com\u002Fapi\u002Fstatic-content\u002Fv1\u002Fimages?src=https%3A%2F%2Fcommunity-cdn-digitalocean-com.global.ssl.fastly.net%2FVWgNzkr4k1aKz7fmAiXjy3Xp&width=1920",{},true,"\u002Fwriting\u002Fvuejs-using-typescript-with-vue","DigitalOcean","2019-09-03",5,{"title":57,"description":91},"published","writing\u002Fvuejs-using-typescript-with-vue",[104,105,106,107],"JavaScript","TypeScript","Vue","Single-File Components","8vnlX_uyfL3xtFZFCGFKR1DvnavnxF2HD6p7JcWglxE",1775364557146]