如何用VueJS在Sweetalert2中显示多个选择选项？

import Swal from 'sweetalert2'
import Vue from 'vue'

methods: {
  showMultipleOptions() {
    Swal.mixin({
      input: 'checkbox',
      inputOptions: {
        option1: 'Option 1',
        option2: 'Option 2',
        option3: 'Option 3'
      },
      inputValidator(value) {
        return new Promise((resolve) => {
          if (value.length > 0) {
            resolve()
          } else {
            resolve('You need to select at least one option')
          }
        })
      },
      inputPlaceholder: 'Select options',
      showCancelButton: true,
      confirmButtonText: 'Submit',
      cancelButtonText: 'Cancel',
      reverseButtons: true
    }).queue([
      {
        title: 'Multiple Options',
        text: 'Select multiple options',
        input: 'checkbox',
        inputOptions: {
          option1: 'Option 1',
          option2: 'Option 2',
          option3: 'Option 3'
        },
        inputValidator(value) {
          return new Promise((resolve) => {
            if (value.length > 0) {
              resolve()
            } else {
              resolve('You need to select at least one option')
            }
          })
        },
        inputPlaceholder: 'Select options',
        showCancelButton: true,
        confirmButtonText: 'Submit',
        cancelButtonText: 'Cancel',
        reverseButtons: true
      }
    ]).then((result) => {
      if (result.value) {
        const selectedOptions = result.value[0]
        // 处理选中的选项
        console.log(selectedOptions)
      }
    })
  }
}

<template>
  <div>
    <button @click="showMultipleOptions">Show Multiple Options</button>
  </div>
</template>