first init

src/js/my-comp.js

@@ -0,0 +1,8 @@
+import { ref } from 'vue'
+export default {
+  setup() {
+    const count = ref(0)
+    return { count }
+  },
+  template: `<div>Count is: {{ count }}</div>`
+}

src/style.css

@@ -0,0 +1,45 @@
+
+.card{
+    width: 250px;
+    height: 350px;
+    border:1px solid black;
+    border-radius: 5px;
+    align-items: center;
+}
+
+.card-img {
+    height: 250px;
+    width: 250px;
+    position: relative;
+}
+img {
+    width: 100%;
+    height: 100%;
+}
+
+.card-fullname {
+    width: 100%;
+    height: 50px;
+    align-items: center;
+    display: inline-flex;
+}
+.card-fullname div {
+    font-size: larger;
+    font-weight:bold;
+    width: 100%;
+    text-align: center;
+}
+
+.card-age {
+    align-items: center;
+    width: 100%;
+    display: flex;
+    position: relative;
+}
+
+.card-age span {
+    width: 100%;
+    text-align: center;
+    font-size: small;
+    font-weight: 100;
+}