cec-nuxt-lib 0.1.5 → 0.1.7

package/dist/module.json

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

package/dist/runtime/components/cecBreadcrumb.vue

@@ -9,37 +9,33 @@ const classicPath = useState('classicPath');
 const baseUrl = config.app.baseURL;
 
 // Helper functions
-const makeLink = (i) => {
-  let diff = i - length;
-  if (!diff) {
-    return '/';
-  }
-  return routes.slice(0, diff + 1).join('/');
+const makeLink = (i, routes) => {
+  return routes.slice(0, i + 1).join('/');
 };
 
 const toTitleCase = (str) => {
-  return (
-    str[0].toUpperCase() +
-    str
-      .slice(1)
-      .replace(/[-_]/g, ' ')
-      .replace(/\shmo\s/g, ' HMO ')
-  );
+  return !str.length
+    ? ''
+    : `${str[0].toUpperCase()}${str.slice(1).replace(/[-_]/g, ' ')}`;
 };
 
-// Used to make the Nuxt links
-let routes = route.path.split('/');
-let classic = classicPath.value.split('/');
-const length = classic.length - 1;
-let hrefs;
+// Construct links and labels for breadcrumb
+let rLength = route.path.split('/').length;
+let cLength = classicPath.value.split('/').length;
+let routes = route.path
+  .split('/')
+  .filter((e, i) => !(i === rLength - 1 && !e.length));
+let classic = classicPath.value
+  .split('/')
+  .filter((e, i) => !(i === cLength - 1 && !e.length));
+const length = classic.length;
+let hrefs =
+  baseUrl.length > 1 && route.path !== '/'
+    ? `${classicPath.value}${route.path}`.split('/')
+    : routes.reduce((acc, e, i) => {
+        return classic[i] ? [...acc, classic[i]] : [...acc, e];
+      }, []);
 
-if (baseUrl.length > 1 && route.path !== '/') {
-  hrefs = (classicPath.value + route.path).split('/');
-} else {
-  hrefs = routes.reduce((acc, e, i) => {
-    return classic[i] ? [...acc, classic[i]] : [...acc, e];
-  }, []);
-}
 const links = hrefs.map((e, i) => (!i ? 'Home' : toTitleCase(e)));
 </script>
 <template>
@@ -51,9 +47,9 @@ const links = hrefs.map((e, i) => (!i ? '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
-                >
+                <template v-else-if="i + 1 >= length">
+                  <NuxtLink :to="makeLink(i, routes)">{{ l }} nuxt</NuxtLink>
+                </template>
                 <a v-else :href="'/' + hrefs.slice(1, i + 1).join('/')">
                   {{ l }}</a
                 >

package/package.json

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