Merge pull request #1326 from nextcloud/backport/1322/stable4.10

[stable4.10] fix: Switch to vue-frag instead of vue-fragment to avoid errors during delete

package.json

@@ -26,7 +26,7 @@
     "markdown-it-bidi": "^0.1.0",
     "markdown-it-task-checkbox": "^1.0.6",
     "vue": "^2.7.16",
-    "vue-fragment": "^1.6.0",
+    "vue-frag": "^1.4.3",
     "vue-material-design-icons": "^5.3.0",
     "vue-observe-visibility": "^1.0.0",
     "vue-router": "^3.5.3",

src/components/CategoriesList.vue

@@ -35,7 +35,7 @@ import {
 	NcAppNavigationCaption,
 	NcAppNavigationCounter,
 } from '@nextcloud/vue'
-import { Fragment } from 'vue-fragment'
+import { Fragment } from 'vue-frag'
 
 import FolderIcon from 'vue-material-design-icons/Folder.vue'
 import FolderOutlineIcon from 'vue-material-design-icons/FolderOutline.vue'

src/components/HelpMobile.vue

@@ -38,7 +38,7 @@
 
 import { generateFilePath } from '@nextcloud/router'
 
-import { Fragment } from 'vue-fragment'
+import { Fragment } from 'vue-frag'
 
 export default {
 	components: {

src/components/NoteItem.vue

@@ -83,7 +83,11 @@
 
 			<NcActionSeparator />
 
-			<NcActionButton v-if="!note.readonly" :icon="actionDeleteIcon" @click="onDeleteNote">
+			<NcActionButton v-if="!note.readonly"
+				:icon="actionDeleteIcon"
+				:close-after-click="true"
+				@click="onDeleteNote"
+			>
 				{{ t('notes', 'Delete note') }}
 			</NcActionButton>
 		</template>