diff --git a/vue-cli-01-a-new-vue-project/src/App.vue b/vue-cli-01-a-new-vue-project/src/App.vue
new file mode 100644
index 0000000..5babde2
--- /dev/null
+++ b/vue-cli-01-a-new-vue-project/src/App.vue
@@ -0,0 +1,26 @@
+<template>
+    <h2>My Friends</h2>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            friends: [
+                {
+                    id: "manuel",
+                    name: "Manuel Lorenz",
+                    phone: "0123 4567 890",
+                    email: "manuel@localhost.com",
+                },
+                {
+                    id: "julie",
+                    name: "Julie Jones",
+                    phone: "9876 5432 210",
+                    email: "julie@localhost.com",
+                },
+            ],
+        };
+    },
+};
+</script>
diff --git a/vue-cli-01-a-new-vue-project/src/main.js b/vue-cli-01-a-new-vue-project/src/main.js
index b57d0d4..b670de8 100644
--- a/vue-cli-01-a-new-vue-project/src/main.js
+++ b/vue-cli-01-a-new-vue-project/src/main.js
@@ -1,3 +1,4 @@
 import { createApp } from "vue";
+import App from "./App.vue";
 
-createApp({}).mount("");
+createApp(App).mount("#app");