diff --git a/output/info202_labs.html b/output/info202_labs.html index 9078b63..bff94ab 100644 --- a/output/info202_labs.html +++ b/output/info202_labs.html @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:b7cf9943c328ff0ea87ad678145430ceb94d91d1e3a7b55675f16eedf4c10632 -size 4785468 +oid sha256:6661e5763ec484e7616229ea0a1259027c6cd36fd117bd3d2f2495660b9a9221 +size 4785628 diff --git a/tiddlers/content/labs/lab10/_Labs_10_Navigation Menu.md b/tiddlers/content/labs/lab10/_Labs_10_Navigation Menu.md index 62cbefb..5da85ea 100644 --- a/tiddlers/content/labs/lab10/_Labs_10_Navigation Menu.md +++ b/tiddlers/content/labs/lab10/_Labs_10_Navigation Menu.md @@ -5,9 +5,6 @@ ```javascript "use strict"; -// import data store -import { dataStore } from './data-store.js' - export const navigationMenu = { computed: { @@ -55,11 +52,20 @@ ```javascript // import navigation menu component import { navigationMenu } from './navigation-menu.js'; -app.component('navmenu', NavigationMenu); +app.component('navmenu', navigationMenu); ``` This should go at the bottom of the files, but above the `app.mount` call. +You will also need to import the data store since the navigation menu is using it to display the customer's name: + +```javascript +// import data store +import { dataStore } from './data-store.js' +app.use(dataStore); +``` + + You can add the menu to your HTML pages using: ```html