From ac100de8d8e0fc85e34cde9aec6262259b12f96c Mon Sep 17 00:00:00 2001
From: Cristiano Magro <cristiano.magro@vola.it>
Date: Mon, 30 Dec 2024 21:53:48 +0100
Subject: [PATCH] style scoped locali
---
08 - component communication/cmp-communication-assignment-problem/src/main.js | 26 ++++++++++++++++++++++++++
1 files changed, 26 insertions(+), 0 deletions(-)
diff --git a/08 - component communication/cmp-communication-assignment-problem/src/main.js b/08 - component communication/cmp-communication-assignment-problem/src/main.js
new file mode 100644
index 0000000..2399ad9
--- /dev/null
+++ b/08 - component communication/cmp-communication-assignment-problem/src/main.js
@@ -0,0 +1,26 @@
+import { createApp } from 'vue'
+
+import App from "./App.vue";
+import ActiveUser from "./components/ActiveUser.vue";
+import UserData from "./components/UserData.vue";
+
+
+const app = createApp(App);
+
+app.component("active-user", ActiveUser);
+app.component("user-data", UserData);
+
+app.mount('#app')
+
+// Task 1:
+// Add two components to the app:
+// An ActiveUser component and an UserData component
+// ActiveUser should output a username (h2) and age (h3)
+// UserData should output two input fields => for name and age
+// Optional: Add styling of your choice
+
+// Task 2: Output both components side-by-side in your main App template
+
+// Task 3: Add user data and ensure it contains a name and age
+// User data should be output in ActiveUser
+// It should be updated via the UserData component
\ No newline at end of file
--
Gitblit v1.8.0