cec-nuxt-lib 0.5.3 → 0.5.4

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "cec-nuxt-lib",
   "configKey": "cec-nuxt-lib",
-  "version": "0.5.3"
+  "version": "0.5.4"
 }

package/dist/runtime/components/cecBreadcrumb.vue

@@ -1,13 +1,10 @@
 <script setup lang="ts">
 import { useState, useRuntimeConfig } from '#app';
 import { useRoute } from 'vue-router';
-
 const config = useRuntimeConfig();
-const baseUrl = config.app.baseURL;
 
+const baseUrl = config.app.baseURL;
 const classicPath = useState('classicPath');
-const path = useState('path');
-console.log(path.value);
 const route = useRoute();
 
 const trimPath = (str) => {
@@ -18,46 +15,44 @@ const trimPath = (str) => {
 };
 
 const makeLink = (i, routes) => {
-  if (!i) {
-    return path.value;
+  if (baseUrl !== '/') {
+    return i ? routes.slice(0, i + 1).join('/') : '/';
   }
-  return path.value + routes.slice(0, i).join('/');
 };
 
 const toTitleCase = (str) => {
+  return str
+    .split(/\s/)
+    .map((e) => toSentenceCase(e))
+    .join(' ');
+};
+
+const toSentenceCase = (str) => {
   return !str.length
     ? ''
     : `${str[0].toUpperCase()}${str.slice(1).replace(/[-_]/g, ' ')}`;
 };
 
-const makeArr = (str) => {
-  return str.split('/').reduce((acc, e) => {
-    return [...acc, e];
-  }, []);
-};
-
 // Make arrays of the items in the paths
 let routeTrim = trimPath(route.path);
-let routes = makeArr(routeTrim);
-
-// Get the classic path for legacy links
+let routes = routeTrim.split('/');
 let classic = trimPath(classicPath.value).split('/');
 const length = classic.length;
-let hrefs = [];
-if (baseUrl !== '/') {
-  hrefs = `${classicPath.value}${routeTrim === '/' ? '' : routeTrim}`.split(
-    '/'
-  );
-} else {
-  hrefs = routes.reduce((acc, e, i) => {
-    if (classic[i]) {
-      return [...acc, classic[i]];
-    } else {
-      return [...acc, e];
-    }
-  }, []);
-}
-const links = hrefs.map((e, i) => (!i ? 'Home' : toTitleCase(e)));
+
+// Build an array of hrefs
+let hrefs =
+  baseUrl !== '/'
+    ? `${classicPath.value}${routeTrim === '/' ? '' : routeTrim}`.split('/')
+    : routes.reduce((acc, e, i) => {
+        if (classic[i]) {
+          return [...acc, classic[i]];
+        } else {
+          return [...acc, e];
+        }
+      }, []);
+
+// Sentence case for the breadcrumb display
+const links = hrefs.map((e, i) => (!i ? 'Home' : toSentenceCase(e)));
 </script>
 <template>
   <div class="cec-breadcrumb-bg">
@@ -68,12 +63,14 @@ 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">
                 <!-- Node we are on -->
-                <span v-if="i === links.length - 1">{{ l }}</span>
+                <span v-if="i === links.length - 1">{{
+                  links.includes('Parties') ? toTitleCase(l) : l
+                }}</span>
                 <!-- Nuxt links -->
                 <template v-else-if="i + 1 >= length">
-                  <NuxtLink :to="makeLink(i - length + 1, routes)">{{
-                    l
-                  }}</NuxtLink>
+                  <NuxtLink :to="makeLink(i - length + 1, routes)"
+                    >{{ l }}
+                  </NuxtLink>
                 </template>
                 <!-- links back to classic site -->
                 <a v-else :href="'/' + hrefs.slice(1, i + 1).join('/')">

package/package.json

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