Merge pull request #14935 from nextcloud/fix/settings/use-components-multiselect

Fix/settings/use components multiselect

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'
 

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: {

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() {