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-solution/src/main.js | 25 +++++++++++++++++++++++++
1 files changed, 25 insertions(+), 0 deletions(-)
diff --git a/08 - component communication/cmp-communication-assignment-solution/src/main.js b/08 - component communication/cmp-communication-assignment-solution/src/main.js
new file mode 100644
index 0000000..3e32815
--- /dev/null
+++ b/08 - component communication/cmp-communication-assignment-solution/src/main.js
@@ -0,0 +1,25 @@
+import { createApp } from 'vue';
+
+import ActiveUser from './components/ActiveUser.vue';
+import UserData from './components/UserData.vue';
+import App from './App.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
--
Gitblit v1.8.0