Scafolding for tab component

src/components/TabView.vue

@@ -0,0 +1,25 @@
+<template>
+	<div class='tab_view'>
+		<slot name='first'></slot>
+		<slot name='second'></slot>
+	</div>
+</template>
+
+<script>
+	export default {
+		name: 'TabView',
+		props: ['tabs'],
+		data () {
+			return {
+
+			}
+		},
+
+	}
+</script>
+
+<style lang='scss' scoped>
+	.tab_view {
+
+	}
+</style>

src/components/routes/Index.vue

@@ -1,9 +1,14 @@
 <template>
 	<div class='index'>
 		<modal-window :showModal='showModal'>
-			<slot>
-				
-			</slot>
+			<tab-view :tabs='["Sign up", "Login"]'>
+				<div slot='first'>
+					text
+				</div>
+				<div slot='second'>
+					text
+				</div>
+			</tab-view>
 		</modal-window>
 
 
@@ -46,12 +51,14 @@
 <script>
 	import SelectButton from '../SelectButton'
 	import ModalWindow from '../ModalWindow'
+	import TabView from '../TabView'
 
 	export default {
 		name: 'index',
 		components: {
 			SelectButton,
-			ModalWindow
+			ModalWindow,
+			TabView
 		},
 		data () {
 			var categories = [