Todo app changes on nov 20

Veni Muthu · Veni Muthu · commit d6ee4474ac9f · 2023-11-20T09:42:41.000-06:00
diff --git a/index.html b/index.html
@@ -7,8 +7,10 @@
     <title>Vite App</title>
   </head>
   <body>
-    <div id="app">
-      </div>
+    <div id="app"></div>
     <script type="module" src="/src/main.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2"> </script>
+    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"> </script>
+    <script src="dist/build.js"> </script>
   </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,6 +8,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "axios": "^1.6.2",
     "vue": "^3.3.4"
   },
   "devDependencies": {
diff --git a/src/App.vue b/src/App.vue
@@ -1,9 +1,9 @@
 <script>
 //import { RouterLink, RouterView} from 'vue-router'
-import TheWelcome from './components/TheWelcome.vue'
-import HelloWorld from './components/HelloWorld.vue'
-import Todo from './components/Todo.vue'
-import test from './components/test.vue'
+import TheWelcome from './components/TheWelcome.vue';
+import HelloWorld from './components/HelloWorld.vue';
+import Todo from './components/Todo.vue';
+import test from './components/test.vue';
 export default {
   components:{
     HelloWorld, 
@@ -13,29 +13,31 @@ export default {
   
   data(){
     return {
-      message:'Hello World!'
+      message:'Hello World!'  
     };
   }
+  
 };
 
 </script>
 
 <template>
-    <header>
+    <div>
       
       
     <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
     <div class="wrapper">
-      <HelloWorld msg="You did it?" />
-      <Todo />
+      <HelloWorld msg="You did this" />
+      
       
     </div>
   <div id ="app">
     <p> {{ message }}</p>
+  </div> 
+  <div id="'app"></div>
+  <Todo />
+  
   </div>
-    
-
-</header>  
 </template>
 <style scoped>
 header {
diff --git a/src/main.js b/src/main.js
@@ -1,7 +1,12 @@
-import './assets/main.css'
+import './assets/main.css';
 //import router from './router'
-import { createApp } from 'vue'
-import App from './App.vue'
+import { createApp } from 'vue';
+import App from './App.vue';
+//import Vue from 'vue';
+
+//new Vue({
+//    render:h => h(App),
+//}).$mount('#app')
 
 
 const app=createApp(App)
diff --git a/yarn.lock b/yarn.lock
