<script lang="ts" setup>
import { openModalSpinner } from '../helpers'

function openDefault() {
  const hide = openModalSpinner()

  setTimeout(() => hide(), 1000)
}

function open() {
  const hide = openModalSpinner({
    title: '読込中!!!!!',
    // message: '少々お待ち下さい!!!!!!!!!!',
    spinnerSize: '60',
    imageSrc: '/image/brown_logo-2.png',
  })

  setTimeout(() => hide(), 1000)
}
</script>

<template>
  <button @click="() => openDefault()">open - default</button>

  <button @click="() => open()">open - other text</button>
</template>
