import{_ as a,c as i,o as t,ah as r}from"./chunks/framework.j4Nev8bF.js";const c=JSON.parse('{"title":"Clientside UI","description":"","frontmatter":{},"headers":[],"relativePath":"rebel_coding/step6.md","filePath":"rebel_coding/step6.md"}'),n={name:"rebel_coding/step6.md"};function l(o,e,s,h,p,d){return t(),i("div",null,[...e[0]||(e[0]=[r('<h1 id="clientside-ui" tabindex="-1">Clientside UI <a class="header-anchor" href="#clientside-ui" aria-label="Permalink to “Clientside UI”">​</a></h1><hr><h3 id="overview-apis-user-interaction" tabindex="-1">Overview - APIs &amp; User Interaction <a class="header-anchor" href="#overview-apis-user-interaction" aria-label="Permalink to “Overview - APIs &amp; User Interaction”">​</a></h3><p>How APIs work, and why we use them.</p><h3 id="why-vue" tabindex="-1">Why Vue? <a class="header-anchor" href="#why-vue" aria-label="Permalink to “Why Vue?”">​</a></h3><p>Because it’s minimal while working with a VirtualDOM similar to ReactJS.</p><h3 id="vue-template-page" tabindex="-1">Vue Template Page <a class="header-anchor" href="#vue-template-page" aria-label="Permalink to “Vue Template Page”">​</a></h3><p>Template. Script. Style. Any of it look familiar?</p><h3 id="consuming-the-apis" tabindex="-1">Consuming the APIs <a class="header-anchor" href="#consuming-the-apis" aria-label="Permalink to “Consuming the APIs”">​</a></h3><p>How does it happen</p><h3 id="routing-in-vue" tabindex="-1">Routing in Vue <a class="header-anchor" href="#routing-in-vue" aria-label="Permalink to “Routing in Vue”">​</a></h3><p>We’ve got our Vue Template pages, now what?</p><h3 id="vue-store" tabindex="-1">Vue Store <a class="header-anchor" href="#vue-store" aria-label="Permalink to “Vue Store”">​</a></h3><p>Just a sneak peak</p><h3 id="module-templating" tabindex="-1">Module Templating <a class="header-anchor" href="#module-templating" aria-label="Permalink to “Module Templating”">​</a></h3><p>Let’s put some of this together …</p><p>What if we …</p><h3 id="styling-frameworks-elementui" tabindex="-1">Styling Frameworks / ElementUI <a class="header-anchor" href="#styling-frameworks-elementui" aria-label="Permalink to “Styling Frameworks / ElementUI”">​</a></h3><p>We can add some additional styling as well; by bringing in another library.</p>',19)])])}const u=a(n,[["render",l]]);export{c as __pageData,u as default};
