useTheme must be called from inside a setup function about vuetify-use-dialog HOT 4 CLOSED

+1 I'm facing this issue when I want to call useSnackbar from an Axios interceptor. or even when wraping it with a service call so I can DRY similar confirmations

from vuetify-use-dialog.

@torerik123 added Options API support in v0.4.0.

<script lang="ts">
export default defineComponent({
  methods: {
    async handleConfirm() {
      const theme = 'dark' // theme is required

      const isConfirmed = await this.$confirm({ content: 'This action is permanent!', theme })

      if (!isConfirmed)
        return

      this.$toast({ text: 'Confirmed', theme })
    }
  }
})
</script>

For TS, you can use this to augment $toast and $confirm:

import { useConfirm, useSnackbar } from 'vuetify-use-dialog'

declare module 'vue' {
  interface ComponentCustomProperties {
    $confirm: typeof useConfirm
    $toast: typeof useSnackbar
  }
}

FYI, theme is required as I have no idea where to get values for this in the plugin. If you have an idea, please feel free to open a PR. You'll likely add it here

from vuetify-use-dialog.

+1 I'm facing this issue when I want to call useSnackbar from an Axios interceptor. or even when wraping it with a service call so I can DRY similar confirmations

from vuetify-use-dialog.

@RoduanKD composables must be used inside a setup function

from vuetify-use-dialog.