[Vue] Slideover closing when closing Dialog

[adamleemiller]

Vue: 3.2.47
Vue Headless UI: 1.7.14
TailwindCSS: 3.3.2

This is a combination of Tailwind UI Component + Headless UI Components and Transitions. I am new to both TailwindUI and Headless UI however I am not new to Vue (2+3). My issue here is that I have a slideover component that is open that contains a "Delete" button. When the button is clicked, a Dialog opens to confirm deletion. If I click to "Cancel" or "Close" the confirm window, this also closes the slideover component. I have tried changing the data variable that the "open" attribute is tied to however that did not seem to work. There's quite a bit of code but I will do my best to provide it here.

https://pb.recoilnetworks.com/?16c21b3984d357c0#S/ouRawFnb5+Jcx/BW0cATWknxPH1ALG4/Mu5MSBhwQ=

I was not able to pastse the code here because it kept stripping it. Please understand, this is not all the code in the last file, there's more. Also, these are mockups, there's no real data in this application yet as I am still building out the main framework and functionality. As previously explain, when I click the "Delete" button that is inside the slideover component, the "Confirm Delete" dialog appears just fine as it should however when I click "Close", it also closes the slideover at the same time it closes the dialog. Any help is appreciated as I am not sure why this would be doing this.

Thank you.

[adamleemiller]

Okay, I fixed my own issue. The "@close" listening on the Dialog was causing the problem.