comand-component-library 4.1.27 → 4.1.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "comand-component-library",
-  "version": "4.1.27",
+  "version": "4.1.28",
   "license": "GPL-3.0-only",
   "author": "CoManD-UI",
   "private": false,

package/src/ComponentLibrary.vue

@@ -193,6 +193,7 @@
         </CmdSiteHeader>
         <!-- end site-header --------------------------------------------------------------------------------------------------------------------------------------------------->
         <main v-if="componentView" id="content">
+
             <CmdWidthLimitationWrapper>
                 <h1 class="headline-demopage">Components Overview</h1>
             </CmdWidthLimitationWrapper>
@@ -1610,6 +1611,9 @@
                     v-bind="cmdMainNavigationSettingsData"
                     :navigationEntries="navigationData.navigationEntries"
                 />
+                <!-- begin router-view -->
+                <router-view></router-view>
+                <!-- end router-view -->
             </CmdWidthLimitationWrapper>
             <!-- end main-navigation ------------------------------------------------------------------------------------------------------------------------------------------------------->
 

package/src/assets/data/main-navigation.json

@@ -5,59 +5,63 @@
   "navigationEntries": [
     {
       "type": "href",
-      "text": "Entry 1",
+      "text": "href 1",
       "path": "#",
       "iconClass": "icon-home"
     },
     {
       "type": "href",
-      "text": "Entry 2",
+      "text": "href 2",
       "path": "",
       "subentries": [
         {
           "type": "href",
-          "text": "Entry 2.1",
+          "text": "href 2.1",
           "path": "",
           "subentries": [
             {
               "type": "href",
-              "text": "Entry 2.1.1",
+              "text": "href 2.1.1",
               "path": "#"
             },
             {
               "type": "href",
-              "text": "Entry 2.1.2",
+              "text": "href 2.1.2",
               "path": "#"
             },
             {
               "type": "href",
-              "text": "Entry 2.1.3",
+              "text": "href 2.1.3",
               "path": "#"
             }
           ]
         },
         {
           "type": "href",
-          "text": "Entry 2.2",
+          "text": "href 2.2",
           "path": "#",
           "subentries": []
         }
       ]
     },
     {
-      "type": "href",
-      "text": "Entry 3",
+      "type": "router",
+      "text": "router 3",
       "path": "#",
       "subentries": [
         {
-          "type": "href",
-          "text": "Entry 3.1",
-          "path": ""
+          "type": "router",
+          "text": "router 3.1",
+          "path": {
+            "name": "home"
+          }
         },
         {
-          "type": "href",
-          "text": "Entry 3.2",
-          "path": ""
+          "type": "router",
+          "text": "router 3.2",
+          "path": {
+            "name": "home"
+          }
         }
       ]
     },

package/src/components/RouterComponent.vue

@@ -0,0 +1,13 @@
+<script>
+export default {
+    name: "RouterComponent"
+}
+</script>
+
+<template>
+    <p>Router</p>
+</template>
+
+<style scoped>
+
+</style>

package/src/composables/scrollspy.js

@@ -29,7 +29,7 @@ function buildItemList(itemSupplier, itemList) {
     }
 }
 
-export function useScrollspy(itemSupplier, initialActiveItem = 0) {
+function useScrollspy(itemSupplier, initialActiveItem = 0) {
     const itemList = []
     const scrollSpy = reactive({
         activeItem: initialActiveItem,
@@ -50,3 +50,5 @@ export function useScrollspy(itemSupplier, initialActiveItem = 0) {
     })
     return scrollSpy
 }
+
+export {useScrollspy}

package/src/pages/PageOverview.vue

@@ -1,5 +1,4 @@
 <template>
-
     <!-- begin basic-form ------------------------------------------------------------------------------------------------------------------------------------------------------->
     <CmdWidthLimitationWrapper>
         <h2 class="headline-demopage" id="section-contact-information">

package/src/router/index.js

@@ -1,6 +1,12 @@
 import { createRouter, createWebHistory } from "vue-router"
+import RouterComponent from "@/components/RouterComponent.vue"
 
 const routes = [
+    {
+        path: '/router',
+        name: 'home',
+        component: RouterComponent
+    },
     {
         path: "/:pathMatch(.*)*",
         component: {}