Componente de registro de datos

components/registro/CapturaDatos.vue

@@ -0,0 +1,23 @@
+<template>
+  <div>
+    <p class="subtitle is-3">Seleccione el área</p>
+
+    <div class="block">
+      <b-radio v-model="area" native-value="1">Windows</b-radio>
+      <b-radio v-model="area" native-value="2">Macintosh</b-radio>
+      <b-radio v-model="area" native-value="3">Linux</b-radio>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      area: '',
+    }
+  },
+}
+</script>
+
+<style></style>

components/registro/DatosUsuario.vue

@@ -8,7 +8,7 @@
     </div>
 
     <div class="column box">
-      <b-table :data="data" :columns="columns" centered></b-table>
+      <b-table :data="data" :columns="columns"></b-table>
     </div>
   </div>
 </template>

pages/registro/index.vue

@@ -4,15 +4,19 @@
     <div>Aqui van las instrucciones</div>
     <p class="title is-2">Registro</p>
     <DatosUsuario />
+
+    <CapturaDatos />
   </div>
 </template>
 
 <script>
 import DatosUsuario from '../../components/registro/DatosUsuario.vue'
+import CapturaDatos from '../../components/registro/CapturaDatos.vue'
 
 export default {
   components: {
     DatosUsuario,
+    CapturaDatos,
   },
 }
 </script>