diff --git a/resources/assets/js/components/Stories.vue b/resources/assets/js/components/Stories.vue
new file mode 100644
index 000000000..a92ed94e4
--- /dev/null
+++ b/resources/assets/js/components/Stories.vue
@@ -0,0 +1,40 @@
+<template>
+	<div>
+		<div class="card">
+			<div class="card-body" id="stories">
+				
+			</div>
+		</div>
+	</div>
+</template>
+
+<style type="text/css" scoped>
+	
+</style>
+
+<script type="text/javascript">
+	export default {
+		data() {
+			return {
+				stories: [],
+			}
+		},
+
+		beforeMount() {
+
+		},
+
+		mounted() {
+
+		},
+
+		methods: {
+			fetchStories() {
+				axios.get('/api/v2/stories')
+				.then(res => {
+					this.stories = res.data
+				});
+			}
+		}
+	}
+</script>
\ No newline at end of file