|
|
@@ -23,7 +23,7 @@
|
|
|
:title="$t(item.label)"
|
|
|
:prepend-icon="item.icon ? item.icon.name : ''"
|
|
|
:to="(item as MenuItem).to"
|
|
|
- @click="closeMenu"
|
|
|
+ @click="onItemClicked"
|
|
|
>
|
|
|
</v-list-item>
|
|
|
</v-list>
|
|
|
@@ -50,7 +50,7 @@ import type { MenuGroup, MenuItem } from '~/types/layout'
|
|
|
|
|
|
const { mdAndUp, lgAndUp } = useDisplay()
|
|
|
|
|
|
-const { getMenu, hasMenu, isMenuOpened, setMenuState } = useMenu()
|
|
|
+const { getMenu, hasMenu, isMenuOpened, setMenuState, closeMenu } = useMenu()
|
|
|
|
|
|
const menu: MenuGroup | null = getMenu('Parameters')
|
|
|
|
|
|
@@ -71,6 +71,12 @@ const isRail = computed(() => {
|
|
|
)
|
|
|
})
|
|
|
|
|
|
+const onItemClicked = () => {
|
|
|
+ if (!lgAndUp.value) {
|
|
|
+ closeMenu('Parameters')
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
const unwatch = watch(mdAndUp, () => {
|
|
|
// Par défaut si l'écran est trop petit au chargement de la page, le menu doit rester fermé.
|
|
|
if (process.client && menu !== null) {
|