Anonymous component in vue dev tool

[AmirRezaM75]

Problem:

I don't know why but my modal renders outside of my vue root element (#app). every functionality woks fine.

Code:

Here is my setup: app.js

Vue.use(VueJSModal, {
    dynamicDefaults: {
        height: "auto",
        adaptive: true
    }
});

How I call it:

this.$modal.show(ReplyModal,{}, { name: "create-reply"});

ReplyModal.vue

<template>
    <div class="v--modal-box v--modal conversation-modal">
        // my content
    </div>
</template>

<script>

export default {
    name: "ReplyModal",
    props: ['reply'],
    //reset of code

Version:

"vue-js-modal": "^2.0.0-rc.6",

screenshots:

Is there any misconfiguration?

[AmirRezaM75]

I wasn't declare <modals-container/> in my master page

[rudolfbruder]

@AmirRezaM75 How did you added to the master page (layout). We are using laravel and it is creating second vue app for us in the dev tools. Thanks