add node dependecies and start creating the module

index.html

@@ -11,6 +11,22 @@
         <h1>TP-noté</h1>
     </div>
     <script src="src/service/link-service.js"></script>
-    
+    <script src="src/misc/const.js"></script>
+    <script src="src/view/nav-bar.js"></script>
     <script src="main.js"></script>
+    <script type="module">
+        import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';
+        import NavBar from '/src/view/nav-bar.js';
+        const app = createApp({
+            created(){},
+            data(){
+                return{}
+            },
+            methods:{
+                myFun:function(){}
+            }
+        });
+        app.component('NavBar', NavBar);
+        app.mount('#app');
+    </script>
 </body>

main.js

@@ -1,2 +1,3 @@
 let linkService = new LinkService();
 linkService.getLinks();
+

package.json

@@ -0,0 +1,11 @@
+{
+  "name": "tp-note",
+  "version": "1.0.0",
+  "description": "2a tp note js",
+  "main": "main.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "jault aurian & jacquelin bastien",
+  "license": "ISC"
+}

src/view/nav-bar.js

@@ -0,0 +1,19 @@
+export default{
+	data : function(){
+		return {
+			Home: '',
+			Teams: '',
+			Results: ''
+		}
+	},
+	methods: {
+	},
+	template: 
+		`
+			<div>
+				<a href="{Home}">Home</a>
+				<a href="{Teams}">Teams</a>
+				<a href="{Results}">Results</a>
+			</div>
+		`
+}