Import labs to use the shared navigation bar component

package-lock.json

@@ -13,6 +13,7 @@
 				"@rollup/plugin-terser": "^0.4.0",
 				"@sveltejs/adapter-auto": "^3.0.0",
 				"@sveltejs/kit": "^2.0.0",
+				"labs": "git@github.com:leaningtech/labs.git",
 				"rollup-plugin-css-only": "^4.3.0",
 				"rollup-plugin-svelte": "^7.1.2",
 				"svelte": "^4.2.7"
@@ -1305,6 +1306,10 @@
 				"node": ">=6"
 			}
 		},
+		"node_modules/labs": {
+			"resolved": "git+ssh://git@github.com/leaningtech/labs.git#631bcec97004ca8667b7a461b990f5ae4d094adf",
+			"dev": true
+		},
 		"node_modules/locate-character": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/locate-character/-/locate-character-3.0.0.tgz",

package.json

@@ -12,6 +12,7 @@
 		"@rollup/plugin-terser": "^0.4.0",
 		"@sveltejs/adapter-auto": "^3.0.0",
 		"@sveltejs/kit": "^2.0.0",
+		"labs": "git@github.com:leaningtech/labs.git",
 		"rollup-plugin-css-only": "^4.3.0",
 		"rollup-plugin-svelte": "^7.1.2",
 		"svelte": "^4.2.7"

src/App.svelte

@@ -1,7 +1,9 @@
 <script>
+	import Nav from 'labs/packages/global-navbar/src/Nav.svelte';
 	export let name;
 </script>
 
+<Nav />
 <main>
 	<h1>Hello {name}!</h1>
 	<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>