[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog":3},[4,37],{"id":5,"title":6,"author":7,"body":8,"created_at":24,"description":19,"extension":25,"featured_image":26,"meta":27,"navigation":28,"path":29,"published":28,"seo":30,"slug":31,"stem":32,"tags":33,"updated_at":24,"__hash__":36},"blog\u002Fblog\u002Fhello-world.md","Hello World","faizi",{"type":9,"value":10,"toc":20},"minimark",[11,16],[12,13,15],"h1",{"id":14},"first-blog","First Blog",[17,18,19],"p",{},"This blog is written with Nuxt Content and deployed as a static page. Feel free to reach out in case of any questions.",{"title":21,"searchDepth":22,"depth":22,"links":23},"",2,[],"2025-04-04","md","https:\u002F\u002Fi.redd.it\u002Fe4y2xx4h0k791.jpg",{},true,"\u002Fblog\u002Fhello-world",{"title":6,"description":19},"hello-world","blog\u002Fhello-world",[34,35],"intro","welcome","XHbvTeF_oc7EtW74v24DFNmZFx1QCfvP7l4mHgWl4Bw",{"id":38,"title":39,"author":7,"body":40,"created_at":24,"description":21,"extension":25,"featured_image":109,"meta":110,"navigation":28,"path":111,"published":28,"seo":112,"slug":44,"stem":113,"tags":114,"updated_at":24,"__hash__":115},"blog\u002Fblog\u002Fwhy-i-love-unocss.md","Why I love UnoCSS",{"type":9,"value":41,"toc":105},[42,45,50,53,57,60,101],[12,43,39],{"id":44},"why-i-love-unocss",[46,47,49],"h2",{"id":48},"some-backstory","Some backstory",[17,51,52],{},"I am a simple guy. I see something interesting; I try to learn more about it. I came across html, css in 2019; I learnt it. I saw javascript in 2020; I learnt it. I came accross tailwind; I immediately learnt it and used it before my colleagues even knew about it. Then 2 years ago, I came accross something which changed the way I think about CSS entirely. No, I’m not talking about Bootstrap. Even though I did learn it before Tailwind, I never exactly liked it. What i’m talking about is far more versatile, flexible and simple in implementation and usage. Ladies and gentlemen, I introduce you to UnoCSS.",[46,54,56],{"id":55},"lets-have-a-look","Let's have a look",[17,58,59],{},"UnoCSS has all of the features of TailwaindCSS….plus more. Take a look at the following code sample:",[61,62,66],"pre",{"className":63,"code":64,"language":65,"meta":21,"style":21},"language-html shiki shiki-themes github-light github-dark","\u003Ca class=\"bg-stone-200 text-stone-900 px-4 py-2 rounded-lg\">Link\u003C\u002Fa>\n","html",[67,68,69],"code",{"__ignoreMap":21},[70,71,74,78,82,86,89,93,96,98],"span",{"class":72,"line":73},"line",1,[70,75,77],{"class":76},"sVt8B","\u003C",[70,79,81],{"class":80},"s9eBZ","a",[70,83,85],{"class":84},"sScJk"," class",[70,87,88],{"class":76},"=",[70,90,92],{"class":91},"sZZnC","\"bg-stone-200 text-stone-900 px-4 py-2 rounded-lg\"",[70,94,95],{"class":76},">Link\u003C\u002F",[70,97,81],{"class":80},[70,99,100],{"class":76},">\n",[102,103,104],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":21,"searchDepth":22,"depth":22,"links":106},[107,108],{"id":48,"depth":22,"text":49},{"id":55,"depth":22,"text":56},"\u002Fwhy-i-love-unocss-banner.png.png",{},"\u002Fblog\u002Fwhy-i-love-unocss",{"title":39,"description":21},"blog\u002Fwhy-i-love-unocss",[34,35],"g4puYJ3qKnX-N0k1WvdR309IWVzTp7xesKHKIc3yv1A"]