slcing registrasi awal

registration/components/form_pengirim.vue

@@ -0,0 +1,65 @@
+<template>
+    <div>
+        <v-card class="pa-4 rounded-lg" elevation="0">
+            <v-toolbar color="amber-lighten-5 rounded-md" density="compact">
+                <v-toolbar-title class="text-title-1 font-weight-bold">PENGIRIM DAN BAHASA</v-toolbar-title>
+            </v-toolbar> 
+            <v-row no-gutters class="mt-4">
+                <v-col cols="6">
+                    <v-select
+                        :items="pengirim" return-object class="pr-1 mb-2" hide-details="auto"
+                        density="compact" label="Pengirim"
+                        item-title="name" variant="outlined"
+                    ></v-select>
+                    <v-select
+                        :items="bahasa" return-object class="pr-1" hide-details="auto"
+                        density="compact" label="Bahasa 1"
+                        item-title="name" variant="outlined"
+                    ></v-select>
+                </v-col>
+                <v-col cols="6">
+                    <v-select
+                        :items="alamat" return-object class="pl-1 mb-2" hide-details="auto"
+                        density="compact" label="Alamat"
+                        item-title="name" variant="outlined"
+                    ></v-select>
+                    <v-select
+                        :items="bahasa" return-object class="pl-1" hide-details="auto"
+                        density="compact" label="Bahasa 2"
+                        item-title="name" variant="outlined"
+                    ></v-select>
+                </v-col>
+            </v-row>
+        </v-card>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "pengirimcomp",
+        components: {},
+        mounted() {},
+        data() {
+            return {
+                pengirim: [
+                    { id: 1, name: "Dr. Andra" },
+                    { id: 2, name: "Dr. Reffi" },
+                ],
+                bahasa: [
+                    { id: 1, name: "Indonesia" },
+                    { id: 2, name: "Inggris" },
+                ],
+                alamat: [
+                    { id: 1, name: "Malang" },
+                    { id: 2, name: "Surabaya" },
+                ]
+            }
+        },
+        computed: {
+            
+        },
+        methods: {
+            
+        },
+    }
+</script>