[Vue warn]: Do not use built-in or reserved HTML elements as component id: Dialog

[ssuess]

I am using the dialog component, and it all seems to be working, but I have this error on any page load with a dialog:

[Vue warn]: Do not use built-in or reserved HTML elements as component id: Dialog

I followed the examples, my code looks like this:

methods: {
    showDialog (rowid, index) {
      Dialog.create({
        title: 'Confirm',
        message: 'Really delete this item?',
        buttons: [
          {
            label: 'Disagree',
            handler: () => {
              console.log('Disagreed...')
              console.log('rowid:' + rowid)
            }
          },
          {
            label: 'Agree',
            handler: () => {
              this.deleteRow(rowid, index)
            }
          }
        ]
      })
    }

[ssuess]

Anyone have a workaround for this? Am I the only one seeing this?

[coxy121]

@ssuess are you registering Dialog as a component? If so, that will cause this issue. You do not need to register it as a component, you only need to import it.

[ssuess]

This post is deleted!

[ssuess]

OH…I was also exporting it along with all the other components, I didn’t realize I didn’t need to do that as I am doing with the others. Once I removed the export, the error goes away. Thanks!