From cee389551984dcc5899a67ef5ef5dec356a03727 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Thu, 13 Jan 2022 21:44:19 -0600
Subject: [PATCH] Componente de registro de datos

---
 components/registro/CapturaDatos.vue | 23 +++++++++++++++++++++++
 components/registro/DatosUsuario.vue |  2 +-
 pages/registro/index.vue             |  4 ++++
 3 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 components/registro/CapturaDatos.vue

diff --git a/components/registro/CapturaDatos.vue b/components/registro/CapturaDatos.vue
new file mode 100644
index 0000000..223fe58
--- /dev/null
+++ b/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>
diff --git a/components/registro/DatosUsuario.vue b/components/registro/DatosUsuario.vue
index ccb46db..f8f8238 100644
--- a/components/registro/DatosUsuario.vue
+++ b/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>
diff --git a/pages/registro/index.vue b/pages/registro/index.vue
index 498c945..f52fa3b 100644
--- a/pages/registro/index.vue
+++ b/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>