diff --git a/s9/src/components/Author.vue b/s9/src/components/Author.vue
new file mode 100644
index 0000000..ec7e35c
--- /dev/null
+++ b/s9/src/components/Author.vue
@@ -0,0 +1,13 @@
+<template>
+    <h3> The Author </h3>
+</template>
+
+<script>
+    export default {
+        name: "Author"
+    }
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/s9/src/components/New.vue b/s9/src/components/New.vue
new file mode 100644
index 0000000..f07cb43
--- /dev/null
+++ b/s9/src/components/New.vue
@@ -0,0 +1,24 @@
+<template>
+    <div>
+    <h3> New Quote </h3>
+    <button @click="counter += 1"> up </button>
+    {{counter}}
+    </div>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                counter: 0
+            };
+        },
+        destroyed(){
+            console.log("destroyed")
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file