From 1f8674c426452992df6653d31aaaaf832855e532 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Tue, 2 Apr 2019 15:24:19 +0200
Subject: [PATCH] Use components multiselect in apps management
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 settings/src/components/appDetails.vue      | 4 ++--
 settings/src/components/appList.vue         | 2 --
 settings/src/components/appList/appItem.vue | 2 --
 3 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/settings/src/components/appDetails.vue b/settings/src/components/appDetails.vue
index a20d0c13f82..88e33bf5432 100644
--- a/settings/src/components/appDetails.vue
+++ b/settings/src/components/appDetails.vue
@@ -62,7 +62,7 @@
 								 :placeholder="t('settings', 'Limit app usage to groups')"
 								 label="name" track-by="id" class="multiselect-vue"
 								 :multiple="true" :close-on-select="false"
-								 @search-change="asyncFindGroup">
+								 :tag-width="60" @search-change="asyncFindGroup">
 						<span slot="noResult">{{t('settings', 'No results')}}</span>
 					</multiselect>
 				</div>
@@ -96,7 +96,7 @@
 </template>
 
 <script>
-import Multiselect from 'vue-multiselect';
+import { Multiselect } from 'nextcloud-vue';
 import marked from 'marked';
 import dompurify from 'dompurify'
 
diff --git a/settings/src/components/appList.vue b/settings/src/components/appList.vue
index 1df61eb2335..bef749981a9 100644
--- a/settings/src/components/appList.vue
+++ b/settings/src/components/appList.vue
@@ -73,7 +73,6 @@
 
 <script>
 import appItem from './appList/appItem';
-import Multiselect from 'vue-multiselect';
 import prefix from './prefixMixin';
 
 export default {
@@ -81,7 +80,6 @@ export default {
 	mixins: [prefix],
 	props: ['category', 'app', 'search'],
 	components: {
-		Multiselect,
 		appItem
 	},
 	computed: {
diff --git a/settings/src/components/appList/appItem.vue b/settings/src/components/appList/appItem.vue
index e583a279554..6fdf04b1ccf 100644
--- a/settings/src/components/appList/appItem.vue
+++ b/settings/src/components/appList/appItem.vue
@@ -61,7 +61,6 @@
 </template>
 
 <script>
-	import Multiselect from 'vue-multiselect';
 	import AppScore from './appScore';
 	import AppManagement from '../appManagement';
 	import SvgFilterMixin from '../svgFilterMixin';
@@ -83,7 +82,6 @@
 			}
 		},
 		components: {
-			Multiselect,
 			AppScore,
 		},
 		data() {