cec-nuxt-lib 0.0.9 → 0.1.0

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "cec-vue-lib",
   "configKey": "cec-vue-lib",
-  "version": "0.0.9"
+  "version": "0.1.0"
 }

package/dist/runtime/components/cecBreadcrumb.vue

@@ -1,12 +1,28 @@
 <script setup lang="ts">
 import { useState } from '#app';
-const path = useState('path');
+import { useRoute } from 'vue-router';
+
+const classicPath = useState('classicPath');
+const route = useRoute();
+let length = classicPath.value.split('/').length - 1;
+
+const truePath =
+  route.path === '/' ? classicPath.value : classicPath.value + route.path;
+let routes = route.path.split('/');
+
+const makeLink = (i) => {
+  let diff = i - length;
+  if (!diff) {
+    return '/';
+  }
+  return routes.slice(0, diff + 1).join('/');
+};
 
 const toTitleCase = (str) => {
-  return str[0].toUpperCase() + str.slice(1).replace(/-/g, ' ');
+  return str[0].toUpperCase() + str.slice(1).replace(/[-_]/g, ' ');
 };
 
-let hrefs = path.value === '/' ? [''] : path.value.split('/');
+let hrefs = truePath === '/' ? [''] : truePath.split('/');
 const links = hrefs.map((e, i) => (!e ? 'Home' : toTitleCase(e)));
 </script>
 <template>
@@ -18,6 +34,9 @@ const links = hrefs.map((e, i) => (!e ? 'Home' : toTitleCase(e)));
             <ol class="breadcrumb cec-breadcrumb my-0 py-2">
               <li class="breadcrumb-item" v-for="(l, i) in links" :key="i">
                 <span v-if="i === links.length - 1">{{ l }}</span>
+                <NuxtLink v-else-if="i >= length" :to="makeLink(i)">
+                  {{ l }}</NuxtLink
+                >
                 <a v-else :href="'/' + hrefs.slice(1, i + 1).join('/')">
                   {{ l }}</a
                 >

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.9",
+  "version": "0.1.0",
   "name": "cec-nuxt-lib",
   "description": "Nuxt components and assets",
   "license": "MIT",