I have a expansion panel inside of another expansion panel. When I close the parent expansion panel the child one does not close. How can I close every expansion panel when the parent expansion panel is closed. The child expansion panels are inside a template that is used in an app.

Here is an example

<v-expansion-panels accordion>
    <v-expansion-panel v-for="(user, i) in users" :key="i">
        <v-expansion-panel-header>
            Main Header
        </v-expansion-panel-header>
        <v-expansion-panel-content>
            <all-user-details :current_user="user"></all-user-details>
        </v-expansion-panel-content>
    </v-expansion-panel>
</v-expansion-panels>

And here is the "all-user-details"-component;

<v-expansion-panels>
    <v-expansion-panel>
        <v-expansion-panel-header>
            Header 1
        </v-expansion-panel-header>
        <v-expansion-panel-content>
            Content 1
        </v-expansion-panel-content>
    </v-expansion-panel>

    <v-expansion-pane>
        <v-expansion-panel-header>
            Header 2
        </v-expansion-panel-header>
        <v-expansion-panel-content>
            Content 2
        </v-expansion-panel-content>
    </v-expansion-panel>
</v-expansion-panels>