📦 NEW: Vue Sample Demo

ahmadawais · Feb 6, 2019 · 6439e17 · 6439e17
1 parent 0a344a9
commit 6439e17
Showing 1 changed file with 38 additions and 0 deletions.
diff --git a/demo/Vue.vue b/demo/Vue.vue
@@ -0,0 +1,38 @@
+<template>
+	<div id="app">
+		<h1>My Todo App!</h1>
+		<TodoList/>
+	</div>
+</template>
+
+<script>
+import TodoList from './components/TodoList.vue'
+
+export default {
+	components: {
+		TodoList
+	}
+}
+</script>
+
+<style lang="scss">
+@import './variables.scss';
+
+*, *::before, *::after {
+	box-sizing: border-box;
+}
+
+#app {
+	max-width: 400px;
+	margin: 0 auto;
+	line-height: 1.4;
+	font-family: 'Avenir', Helvetica, Arial, sans-serif;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	color: $vue-blue;
+}
+
+h1 {
+	text-align: center;
+}
+</style>