Edit components nayarahilton#1

src/components/VisualSelector.vue

@@ -0,0 +1,79 @@
+<template>
+	<div
+		:class="selectStyle"
+		class="visual-seletors"	
+	>
+		<a
+			v-for="option of options"
+			:key="option.id"			
+			class="visual-seletor"
+		>
+			<img
+				:src="option.src"
+				:alt="option.alt"
+			/>
+			<span>
+				{{ option.text }}
+			</span>
+		</a>
+	</div>
+</template>
+
+<script>
+export default {
+	props: {
+		design: {
+			type: String,
+		},
+	},
+	data() {
+		return {
+			options: [
+				{
+					id: 1,
+					src: '',
+					alt: 'Guru',
+					text: 'Ainda não sei o que fazer. Vim aqui para  descobrir coisas novas e ver a rotina de trabalho dos Gurus.',
+				},
+				{
+					id: 2,
+					src: '',
+					alt: 'Aprendiz',
+					text: 'Sou especialista! Vou dividir conhecimento sobre a minha área e ajudar os aprendizes a descobrir o melhor caminho.',
+				},
+			],
+		};
+	},
+	computed: {
+		selectStyle() {
+			if (this.design === 'main' || !this.design) return 'visual-selectors--main';
+		},
+	},
+};
+</script>
+
+<style lang="stylus" scoped>
+	@import '../assets/styles/_colors'
+
+	*
+		box-sizing border-box
+
+	.visual-selectors
+		background transparent
+		font-size 12pt
+		margin-bottom 20px
+		width 100%
+
+		&--main a
+			border 1px solid $dark-pink
+			border-radius 15px
+			color $dark-pink
+			display block
+			margin-bottom 10px
+			padding 15px
+			width 100%
+
+			&:focus
+				border-color $dark-blue
+				outline 0
+</style>

src/components/social-button.vue

@@ -23,8 +23,8 @@ export default {
 	},
 	computed: {
 		socialbtnStyle() {
-			if (this.design === 'main' || !this.design) return 'social-btn-main';
-			if (this.design === 'login') return 'social-btn-login';
+			if (this.design === 'main' || !this.design) return 'social-btn--main';
+			if (this.design === 'login') return 'social-btn--login';
 		},
 	},
 };
@@ -44,10 +44,10 @@ export default {
 		position relative
 		margin-bottom 20px
 
-		&-main
+		&--main
 			border 1px solid $blue
 
-		&-login
+		&--login
 			border 0
 
 	.icon