1import{A as g}from"./Cq5EF7NF.js";import{a as s,b as n,f as t,d as o,ao as r,m as a,j as i,k as l}from"./Czo40Pbp.js";const v={xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"bi bi-arrow-up",viewBox:"0 0 16 16"};function b(c,d){return n(),s("svg",v,[...d[0]||(d[0]=[t("path",{"fill-rule":"evenodd",d:"M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5"},null,-1)])])}const p={render:b},u={class:"bg-neutral-100 dark:bg-neutral-900 rounded-lg"},k={class:"bg-neutral-200 dark:bg-neutral-800 gap-4 grid grid-auto-rows-max p-4 rounded-lg"},x={class:"flex gap-4 items-center"},m={class:"text-center text-neutral-500 dark:text-neutral-400 uppercase"},w={class:"text-center text-neutral-500 dark:text-neutral-400 uppercase"},_=o({__name:"X__Blog__2023-12-19-mac202319__Figure1",setup(c){return(d,e)=>(n(),s("div",u,[t("div",k,[e[5]||(e[5]=r('<div class="gap-4 grid grid-cols-2"><div class="bg-accent-300 dark:bg-accent-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">Child Components</div><div class="bg-indigo-300 dark:bg-indigo-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">Chart.js, etc.</div></div><div class="gap-4 grid grid-cols-1"><div class="bg-accent-300 dark:bg-accent-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">Page Components</div></div><div class="gap-4 grid grid-cols-1"><div class="bg-accent-300 dark:bg-accent-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">Router</div></div><div class="gap-4 grid grid-cols-3"><div class="bg-accent-300 dark:bg-accent-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">OS</div><div class="bg-accent-300 dark:bg-accent-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">Global Components</div><div class="bg-accent-300 dark:bg-accent-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">UI Components</div></div><div class="gap-4 grid grid-cols-2"><div class="bg-accent-300 dark:bg-accent-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">BOOT</div><div class="bg-indigo-300 dark:bg-indigo-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">Vue.js</div></div>',5)),t("div",x,[e[2]||(e[2]=t("div",{class:"border-t border-neutral-300 dark:border-neutral-700 flex-grow"},null,-1)),t("div",m,[a(l(p),{class:"mr-3"}),e[0]||(e[0]=i("frontend",-1))]),e[3]||(e[3]=t("div",{class:"border-t border-neutral-300 dark:border-neutral-700 flex-grow"},null,-1)),t("div",w,[e[1]||(e[1]=i("backend",-1)),a(l(g),{class:"ml-3"})]),e[4]||(e[4]=t("div",{class:"border-t border-neutral-300 dark:border-neutral-700 flex-grow"},null,-1))]),e[6]||(e[6]=r('<div class="gap-4 grid grid-cols-3"><div class="bg-indigo-300 dark:bg-indigo-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">Fastify</div><div class="bg-indigo-300 dark:bg-indigo-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">Pug</div><div class="bg-accent-300 dark:bg-accent-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">BOOT LOADER</div></div><div class="gap-4 grid grid-cols-1"><div class="bg-indigo-300 dark:bg-indigo-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">NestJS</div></div><div class="gap-4 grid grid-cols-1"><div class="bg-indigo-300 dark:bg-indigo-700 grid p-4 place-items-center rounded-lg text-black dark:text-white">Node.js</div></div>',3))]),e[7]||(e[7]=r('<div class="p-4 flex flex-wrap gap-4"><div class="bg-neutral-200 dark:bg-neutral-800 flex gap-2 p-2 place-items-center rounded-lg"><div class="bg-accent-300 dark:bg-accent-700 h-4 w-4 rounded-full"></div>
1<div class="text-neutral-600 dark:text-neutral-400 text-xs">1st Party</div></div><div class="bg-neutral-200 dark:bg-neutral-800 flex gap-2 p-2 place-items-center rounded-lg"><div class="bg-indigo-300 dark:bg-indigo-700 h-4 w-4 rounded-full"></div><div class="text-neutral-600 dark:text-neutral-400 text-xs">3rd Party</div></div></div>',1))]))}});export{_ as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.