new sidebar navigation (#112)

* new sidebar navigation

* remove selector

* reorganized guides section

app/components/AppHeader.vue

@@ -12,14 +12,8 @@ const links = [
 {
   label: 'Genie Framework',
   icon: 'i-heroicons-square-3-stack-3d',
-  to: '/framework/',
+  to: '/framework',
   children: [
-  {
-    label: 'Guides',
-    to: '/framework/guides/',
-    icon: 'i-heroicons-book-open-20-solid',
-    description: '',
-  },
   {
     label: 'Genie.jl',
     to: '/framework/genie.jl',
@@ -37,6 +31,12 @@ const links = [
     to: '/framework/searchlight.jl',
     icon: 'i-heroicons-circle-stack-20-solid',
     description: '',
+  },
+  {
+    label: 'Guides',
+    to: '/framework/guides/',
+    icon: 'i-heroicons-book-open-20-solid',
+    description: '',
   }
   ] },
   {

app/layouts/default.vue

@@ -7,7 +7,8 @@ const nav = inject<Ref<NavItem[]>>('navigation')
 let navigation = nav;
 if (root == 'framework') {
   const pkg = route.path.split('/').filter(Boolean)[1];
-  navigation = computed(() => nav!.value[1].children.find(item => item._path.startsWith('/framework/'+pkg))?.children || [])
+//  navigation = computed(() => nav!.value[1].children.find(item => item._path.startsWith('/framework/'+pkg))?.children || [])
+  navigation = computed(() => nav!.value[1].children || [])
 } else if (root == 'tutorials') {
   navigation = computed(() => nav.value.filter(item => item._path.startsWith('/tutorials')))
 } else if (root == 'geniebuilder') {
@@ -64,8 +65,8 @@ const links = computed(() => [toc?.bottom?.edit && {
 
       <template #left v-if="root!='tutorials'">
         <UAside >
-        <PkgSelect v-if="root== 'framework'"/>
-          <UNavigationTree :links="mapContentNavigation(navigation)" :multiple="false" default-open style="min-height:600px"/>
+        <!--<PkgSelect v-if="root== 'framework'"/> -->
+          <UNavigationTree :links="mapContentNavigation(navigation)" :multiple="true" default-open style="min-height:600px" :defaultOpen="1"/>
         </UAside>
       </template>
 

content/2.framework/0.index.md

@@ -1,6 +1,5 @@
 ---
-title: "Genie Framework"
-redirect: /framework/guides/
+title: "Framework introduction"
 ---
 
 # Welcome to Genie Framework!
@@ -10,14 +9,13 @@ Genie is a powerful full-stack web framework for the Julia programming language,
 
 <img src="/assets/docs/guides/intro/framework.png">
 
-Genie Framework has three main components: Genie, Stipple and SearchLight.
+Genie Framework has three main components: Genie, Stipple, SearchLight and Genie Builder.
 
 **[Genie.jl](/framework/genie.jl/docs/)** provides backend and frontend tools, so that you can build **full stack web apps** and APIs around your Julia code.
 
 For **real-time interactivity** and a rich UI, like what's needed in a **dashboard**, **[Stipple.jl](/framework/stipple.jl/docs/)** provides a reactive UI layer.
 
-For **database persistence**, Genie's ORM, **[SearchLight.jl](/framework/searchlight.jl)**, can be added at any time.
-
+For **database persistence**, Genie's ORM, **[SearchLight.jl](/framework/searchlight.jl/docs)**, can be added at any time.
 
 
 ## Getting started
@@ -54,7 +52,7 @@ using GenieFramework
 @genietools
 
 @app begin
-  @out name = "Genie"
+  @in name = "Genie"
 end
 
 function ui()

content/2.framework/5.guides/0.index.md

@@ -0,0 +1,4 @@
+---
+redirect: /framework/guides/deployments/deploying-genie-apps
+---
+

content/2.framework/5.guides/_dir.yml

@@ -0,0 +1,2 @@
+title: Framework guides
+redirect: /framework/guides/deployments/deploying-genie-apps