aslanon / vue-confirm-dialog Goto Github PK

Describe the bug
I have followed all the steps mentioned here but still, I am getting

[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Resources/nuxt/layouts/dashboard.vue> at resources/nuxt/layouts/dashboard.vue
**

File inside plugin

nuxt.config.js

layout/dashboard.vue
<client-only> <vue-confirm-dialog /> </client-only>

I used <vue-confirm-dialog></vue-confirm-dialog> in parent layout. how to pass $confirm with vuex in Childs?

The confirm action ( with value false ) is being triggered without clicking anywhere.

Latest version isn't usable at all... Installed, in node_modules, all looks good and dandy, buuuut no.

This dependency was not found:

* vue-confirm-dialog in ./src/main.js

To install it, you can run: npm install --save vue-confirm-dialog

ERROR Failed to compile with 1 errors friendly-errors 21:46:41

This dependency was not found:

• vue-confirm-dialog in ./plugins/vue_confirm_dialog.client.js

1.1.0 version of vue-confirm-dialog.

I tried everything.

Can I include html in the message when using the API? is that supported?

Describe the bug
Modal is not closing

To Reproduce
Method in my Vue component I call:

deleteConfirm() {
  this.$confirm({
    auth: true,
    message: 'foo',
    button: {
      yes: 'Yes',
      no: 'Cancel'
    },
    callback: (confirm, password) => {
      if (confirm && password === 'danger') {
        console.log('BOOOOM!');
      } else {
        console.log('relax');
      }
    }
  });
}

Expected behavior
After clicking on Cancel or Yes I expect the modal to close.

Additional context
When clicking outside the modal-messagebox (the modal-layer with background-color) the modal gets
more and more transparent - so after maaany clicks its unvisible but I thought it should close itself
directly after a button click.
The console.log spits out the clicks correctly.

Describe the bug
If title has not been sent from the option json, it comes to default text

{
  "message": "Are you sure?",
  "auth": false,
  "button": {
    "yes": "OK"
  }
}

I'm not sure how you can reproduce this bug but what it looks like to me is it seems like there are two overlays when the dialog appears. When I click on 'Yes' once, the background gets a bit lighter in transparency so I'm thinking this is when the first overlay is removed. Then I click on 'Yes' again because the dialog is still present. And only then the dialog closes.

Update
It's not only for the Yes button, but the No button as well.

Could you create the d.ts file?

Is your feature request related to a problem? Please describe.
I would like to use this component more as a 2 option dialog (rather than a yes/no). Currently, if you click on the overlay then it behaves as "false" and runs the callback w/ false.

Describe the solution you'd like
I'd like clicking on the overlay to simply close the entire component without actually making a "no" selection.

Describe alternatives you've considered
The simplest solution would be to remove the callback on line 103, inside the method handleClickOverlay(). Or a more dynamic solution would be to allow you to define a separate onCancelCallback() to be used at init.

Additional context
Thanks for considering this. Making this change would allow for backwards compatibility while providing a huge improvement in a small area.

I'm upgrading a project form Vue 2 to Vue 3 at the moment and wondered if there was any possibility of upcoming Vue 3 support for this repo?

Thanks in advance for getting back!

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Added as plugin for Nuxt, got the following error: "document is not defined" in the following line:

var styleElement = document.querySelector('style[data-vue-ssr-id~="' + obj.id + '"]')

Seems like it doesn't work properly in SSR process.

It is not working for vue3 currently. When it will?