Estoy creando un panel de administración y necesito solicitar muchos datos (por ejemplo, al crear o actualizar datos). Ya estoy usando vue-sweetalert2, lo que me hizo darme cuenta de lo fácil que es usar this.$swal.fire().then()...

Me preguntaba, ¿cómo haría para hacer mi propio tipo de cosas así (sin usar TypeScript)?

 let reply = await this.$ask(fields) alert("You entered: " + reply.yourname.answer)

Luego, en el componente que cargo en cada página, tendría un modal que toma los campos y permite la entrada del usuario. Cuando un usuario hizo clic en enviar o salió del modal, debe devolver un/los valores.

Estoy pensando en usarlo de esta manera:

 // Ask for new team name & description let modalResult = await this.$ask({ fields: [ { title: "Team name", placeholder: "Give youre team a name!", key: "teamName", type: "text" }, { title: "Team description", placeholder: "What's your team about?", key: "teamDescription", type: "text" } ], modal: { variant: "primary", icon: null, title: "Make a new team", confirmButtonText: "Create team", cancelButtonText: "Cancel" } }); console.log("Team name: " + modalResult.data.teamName); console.log("Team description: " + modalResult.data.teamDescription);

Sin embargo, sinceramente, no tengo ni idea de cómo haría para que esto fuera posible. Lo que he pensado:

• Mixins: De lo que he aprendido hasta ahora, no sé cómo ponerle un archivo de plantilla. (entonces un archivo .vue, solo un archivo .js).

Aquí hay una captura de pantalla de: lo que estoy tratando de decir

¡Gracias por adelantado! :-)