Use sync modifier with openMenu

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>

apps/settings/src/components/UserList/UserRow.vue

@@ -50,15 +50,13 @@
 		:groups="groups"
 		:languages="languages"
 		:loading="loading"
-		:opened-menu="openedMenu"
+		:opened-menu.sync="openedMenu"
 		:settings="settings"
 		:show-config="showConfig"
 		:sub-admins-groups="subAdminsGroups"
 		:user-actions="userActions"
 		:user="user"
-		:class="{'row--menu-opened': openedMenu}"
-		@hideMenu="hideMenu"
-		@toggleMenu="toggleMenu" />
+		:class="{'row--menu-opened': openedMenu}" />
 	<div v-else
 		:class="{
 			'disabled': loading.delete || loading.disable,

apps/settings/src/components/UserList/UserRowSimple.vue

@@ -69,7 +69,7 @@
 						v-click-outside="hideMenu"
 						class="icon-more"
 						:aria-label="t('settings', 'Toggle user actions menu')"
-						@click.prevent="$emit('toggle-menu')" />
+						@click.prevent="toggleMenu" />
 					<div class="popovermenu" :class="{ 'open': openedMenu }" :aria-expanded="openedMenu">
 						<PopoverMenu :menu="userActions" />
 					</div>
@@ -176,8 +176,11 @@ export default {
 		},
 	},
 	methods: {
+		toggleMenu() {
+			this.$emit('update:openedMenu', !this.openedMenu)
+		},
 		hideMenu() {
-			this.$emit('hide-menu')
+			this.$emit('update:openedMenu', false)
 		},
 		toggleEdit() {
 			this.$emit('update:editing', true)