cec-nuxt-lib 0.2.2 → 0.2.5

package/dist/module.d.mts

@@ -2,6 +2,6 @@ import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
 }
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { type ModuleOptions, _default as default };

package/dist/module.d.ts

@@ -2,6 +2,6 @@ import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
 }
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
 export { type ModuleOptions, _default as default };

package/dist/module.json

@@ -1,5 +1,5 @@
 {
-  "name": "cec-vue-lib",
-  "configKey": "cec-vue-lib",
-  "version": "0.2.2"
+  "name": "cec-nuxt-lib",
+  "configKey": "cec-nuxt-lib",
+  "version": "0.2.5"
 }

package/dist/module.mjs

@@ -2,8 +2,8 @@ import { defineNuxtModule, createResolver, addComponentsDir, addImportsDir } fro
 
 const module = defineNuxtModule({
   meta: {
-    name: "cec-vue-lib",
-    configKey: "cec-vue-lib"
+    name: "cec-nuxt-lib",
+    configKey: "cec-nuxt-lib"
   },
   // Default configuration options of the Nuxt module
   defaults: {},

package/dist/runtime/components/cecBreadcrumb.vue

@@ -3,15 +3,15 @@ import { useState } from '#app';
 import { useRuntimeConfig } from '#app';
 import { useRoute } from 'vue-router';
 
+const classicPath = useState('classicPath');
 const config = useRuntimeConfig();
+const path = useState('path');
 const route = useRoute();
-const classicPath = useState('classicPath');
 const baseUrl = config.app.baseURL;
 
 // Helper functions
 const makeLink = (i, routes) => {
-  let temp = routes.slice(0, i).join('/');
-  return temp.length ? temp : '/';
+  return routes.slice(0, i + 1).join('/');
 };
 
 const toTitleCase = (str) => {
@@ -20,19 +20,34 @@ const toTitleCase = (str) => {
     : `${str[0].toUpperCase()}${str.slice(1).replace(/[-_]/g, ' ')}`;
 };
 
-// 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 makeArr = (str) => {
+  return str.split('/').reduce((acc, e, i) => {
+    if (!i || (i && e.length)) {
+      return [...acc, e];
+    }
+    return acc;
+  }, []);
+};
+
+const trimPath = (str) => str.replace(/\/$/, '');
+
+// Make arrays of the items in the paths
+let routeTrim = trimPath(route.path);
+let pathTrim = trimPath(path.value);
+let routes = makeArr(routeTrim);
+let paths = makeArr(pathTrim);
+
+// Use the route path if it includes the node's path
+if (!routeTrim.toLowerCase().startsWith(pathTrim.toLowerCase())) {
+  routes = [...paths, ...routes.filter((e) => e.length)];
+}
+
+// Get the classic path for legacy links
+let classic = trimPath(classicPath.value).split('/');
 const length = classic.length;
 let hrefs =
-  baseUrl.length > 1
-    ? `${classicPath.value}${route.path !== '/' ? route.path : ''}`.split('/')
+  baseUrl.length > 1 && route.path !== '/'
+    ? `${classicPath.value}${routeTrim}`.split('/')
     : routes.reduce((acc, e, i) => {
         return classic[i] ? [...acc, classic[i]] : [...acc, e];
       }, []);
@@ -48,9 +63,7 @@ const links = hrefs.map((e, i) => (!i ? 'Home' : toTitleCase(e)));
               <li class="breadcrumb-item" v-for="(l, i) in links" :key="i">
                 <span v-if="i === links.length - 1">{{ l }}</span>
                 <template v-else-if="i + 1 >= length">
-                  <NuxtLink :to="makeLink(length - i, routes)">{{
-                    l
-                  }}</NuxtLink>
+                  <NuxtLink :to="makeLink(i, routes)">{{ l }}</NuxtLink>
                 </template>
                 <a v-else :href="'/' + hrefs.slice(1, i + 1).join('/')">
                   {{ l }}</a

package/dist/runtime/components/cecHeader.vue

@@ -3,6 +3,7 @@ import { onMounted } from 'vue';
 import { useState } from '#app';
 
 const searchTerm = useState('searchTerm', () => 'Enter keywords:');
+const showSiteSearch = useState('showSiteSearch');
 
 // Cookie control config.
 const config = {
@@ -89,6 +90,7 @@ const config = {
   },
 };
 
+// Placeholder because we need to wait for browsealoud
 let updateToggleText = () => {
   console.log('toggle');
 };
@@ -104,7 +106,6 @@ onMounted(() => {
     }
     BrowseAloud.panel.toggleBar();
   };
-
   try {
     CookieControl.load(config);
   } catch (ignore) {
@@ -222,7 +223,10 @@ onMounted(() => {
           </ul>
         </div>
         <div class="cec-search-site">
-          <div class="sys_search-query-control">
+          <div
+            class="sys_search-query-control"
+            :class="{ 'd-none': !showSiteSearch }"
+          >
             <label for="searchTextBox" class="hidden sys_search-label"
               >Search</label
             >

package/dist/types.d.mts

@@ -3,13 +3,13 @@ import type { ModuleOptions } from './module.js'
 
 
 declare module '@nuxt/schema' {
-  interface NuxtConfig { ['cec-vue-lib']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['cec-vue-lib']?: ModuleOptions }
+  interface NuxtConfig { ['cec-nuxt-lib']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['cec-nuxt-lib']?: ModuleOptions }
 }
 
 declare module 'nuxt/schema' {
-  interface NuxtConfig { ['cec-vue-lib']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['cec-vue-lib']?: ModuleOptions }
+  interface NuxtConfig { ['cec-nuxt-lib']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['cec-nuxt-lib']?: ModuleOptions }
 }
 
 

package/dist/types.d.ts

@@ -3,13 +3,13 @@ import type { ModuleOptions } from './module'
 
 
 declare module '@nuxt/schema' {
-  interface NuxtConfig { ['cec-vue-lib']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['cec-vue-lib']?: ModuleOptions }
+  interface NuxtConfig { ['cec-nuxt-lib']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['cec-nuxt-lib']?: ModuleOptions }
 }
 
 declare module 'nuxt/schema' {
-  interface NuxtConfig { ['cec-vue-lib']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['cec-vue-lib']?: ModuleOptions }
+  interface NuxtConfig { ['cec-nuxt-lib']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['cec-nuxt-lib']?: ModuleOptions }
 }
 
 

package/package.json

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