Bump @nextcloud/vue to v6.0.0-beta.1

package.json

@@ -29,7 +29,7 @@
 		"@nextcloud/moment": "^1.2.1",
 		"@nextcloud/paths": "^2.1.0",
 		"@nextcloud/router": "^2.0.0",
-		"@nextcloud/vue": "^5.4.0",
+		"@nextcloud/vue": "^6.0.0-beta.2",
 		"@nextcloud/vue-dashboard": "^2.0.1",
 		"attachmediastream": "^2.1.0",
 		"color.js": "^1.2.0",

src/FilesSidebarTabApp.vue

@@ -27,16 +27,16 @@
 			<div class="icon icon-talk" />
 			<h2>{{ t('spreed', 'Discuss this file') }}</h2>
 			<p>{{ t('spreed', 'Share this file with others to discuss it') }}</p>
-			<Button type="primary" @click="openSharingTab">
+			<ButtonVue type="primary" @click="openSharingTab">
 				{{ t('spreed', 'Share this file') }}
-			</Button>
+			</ButtonVue>
 		</div>
 		<div v-else-if="isTalkSidebarSupportedForFile && !token" class="emptycontent room-not-joined">
 			<div class="icon icon-talk" />
 			<h2>{{ t('spreed', 'Discuss this file') }}</h2>
-			<Button type="primary" @click="joinConversation">
+			<ButtonVue type="primary" @click="joinConversation">
 				{{ t('spreed', 'Join conversation') }}
-			</Button>
+			</ButtonVue>
 		</div>
 		<template v-else>
 			<CallButton class="call-button" />
@@ -66,7 +66,7 @@ import sessionIssueHandler from './mixins/sessionIssueHandler.js'
 import browserCheck from './mixins/browserCheck.js'
 import '@nextcloud/dialogs/styles/toast.scss'
 import DeviceChecker from './components/DeviceChecker/DeviceChecker.vue'
-import Button from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 
 export default {
 
@@ -77,7 +77,7 @@ export default {
 		ChatView,
 		UploadEditor,
 		DeviceChecker,
-		Button,
+		ButtonVue,
 	},
 
 	mixins: [

src/PublicShareAuthRequestPasswordButton.vue

@@ -23,14 +23,14 @@
 		<!-- "submit-wrapper" is used to mimic the login button and thus get
 			automatic colouring of the confirm icon by the Theming app. -->
 		<div id="submit-wrapper" class="request-password-wrapper">
-			<Button id="request-password-button"
+			<ButtonVue id="request-password-button"
 				type="primary"
 				:wide="true"
 				:disabled="isRequestInProgress"
 				@click="requestPassword"
 				@keydown.enter="requestPassword">
 				{{ t('spreed', 'Request password') }}
-			</Button>
+			</ButtonVue>
 		</div>
 		<p v-if="hasRequestFailed" class="warning error-message">
 			{{ t('spreed', 'Error requesting the password.') }}
@@ -39,7 +39,7 @@
 </template>
 
 <script>
-import Button from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 import { getPublicShareAuthConversationToken } from './services/publicShareAuthService.js'
 import browserCheck from './mixins/browserCheck.js'
 import '@nextcloud/dialogs/styles/toast.scss'
@@ -49,7 +49,7 @@ export default {
 	name: 'PublicShareAuthRequestPasswordButton',
 
 	components: {
-		Button,
+		ButtonVue,
 	},
 
 	mixins: [

src/PublicShareSidebar.vue

@@ -50,7 +50,7 @@
 </template>
 
 <script>
-import ButtonVue from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 import PreventUnload from 'vue-prevent-unload'
 import { loadState } from '@nextcloud/initial-state'
 import CallView from './components/CallView/CallView.vue'

src/PublicShareSidebarTrigger.vue

@@ -20,26 +20,26 @@
 
 <template>
 	<div class="button-holder">
-		<Button type="tertiary-on-primary"
+		<ButtonVue type="tertiary-on-primary"
 			:aria-label="ariaLabel"
 			@click="$emit('click')">
 			<template #icon>
 				<MenuPeople :size="20" />
 			</template>
-		</Button>
+		</ButtonVue>
 	</div>
 </template>
 
 <script>
-import Button from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 import MenuPeople from './components/missingMaterialDesignIcons/MenuPeople.vue'
 
 export default {
 
 	name: 'PublicShareSidebarTrigger',
 
 	components: {
-		Button,
+		ButtonVue,
 		MenuPeople,
 	},
 

src/components/AdminSettings/AllowedGroups.vue

@@ -50,11 +50,11 @@
 				label="displayname"
 				@search-change="searchGroup" />
 
-			<Button type="primary"
+			<ButtonVue type="primary"
 				:disabled="loading"
 				@click="saveAllowedGroups">
 				{{ saveLabelAllowedGroups }}
-			</Button>
+			</ButtonVue>
 		</div>
 
 		<h3>{{ t('spreed', 'Limit creating a public and group conversation') }}</h3>
@@ -75,11 +75,11 @@
 				label="displayname"
 				@search-change="searchGroup" />
 
-			<Button type="primary"
+			<ButtonVue type="primary"
 				:disabled="loading"
 				@click="saveStartConversationsGroups">
 				{{ saveLabelStartConversations }}
-			</Button>
+			</ButtonVue>
 		</div>
 
 		<h3>{{ t('spreed', 'Limit starting a call') }}</h3>
@@ -106,7 +106,7 @@ import axios from '@nextcloud/axios'
 import debounce from 'debounce'
 import { generateOcsUrl } from '@nextcloud/router'
 import { loadState } from '@nextcloud/initial-state'
-import Button from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 
 const startCallOptions = [
 	{ value: 0, label: t('spreed', 'Everyone') },
@@ -120,7 +120,7 @@ export default {
 
 	components: {
 		Multiselect,
-		Button,
+		ButtonVue,
 	},
 
 	data() {

src/components/AdminSettings/HostedSignalingServer.vue

@@ -81,11 +81,11 @@
 				</option>
 			</select>
 
-			<Button type="primary"
+			<ButtonVue type="primary"
 				:disabled="!hostedHPBFilled || loading"
 				@click="requestHPBTrial">
 				{{ t('spreed', 'Request signaling server trial') }}
-			</Button>
+			</ButtonVue>
 
 			<p v-if="requestError !== ''"
 				class="warning">
@@ -122,17 +122,17 @@
 				{{ requestError }}
 			</p>
 
-			<Button type="error"
+			<ButtonVue type="error"
 				:disabled="loading"
 				@click="deleteAccount">
 				{{ t('spreed', 'Delete the signaling server account') }}
-			</Button>
+			</ButtonVue>
 		</div>
 	</div>
 </template>
 
 <script>
-import Button from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 import { loadState } from '@nextcloud/initial-state'
 import axios from '@nextcloud/axios'
 import { generateOcsUrl } from '@nextcloud/router'
@@ -142,7 +142,7 @@ export default {
 	name: 'HostedSignalingServer',
 
 	components: {
-		Button,
+		ButtonVue,
 	},
 
 	data() {

src/components/AdminSettings/MatterbridgeIntegration.vue

@@ -57,23 +57,23 @@
 			</p>
 
 			<p>
-				<Button v-if="isInstalling">
+				<ButtonVue v-if="isInstalling">
 					<template #icon>
 						<span class="icon icon-loading-small" />
 					</template>
 					{{ t('spreed', 'Downloading …') }}
-				</Button>
-				<Button v-else
+				</ButtonVue>
+				<ButtonVue v-else
 					@click="enableMatterbridgeApp">
 					{{ t('spreed', 'Install Talk Matterbridge') }}
-				</Button>
+				</ButtonVue>
 			</p>
 		</template>
 	</div>
 </template>
 
 <script>
-import Button from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 import { loadState } from '@nextcloud/initial-state'
 import { showError } from '@nextcloud/dialogs'
 import {
@@ -86,7 +86,7 @@ export default {
 	name: 'MatterbridgeIntegration',
 
 	components: {
-		Button,
+		ButtonVue,
 	},
 
 	data() {

src/components/AdminSettings/SIPBridge.vue

@@ -73,17 +73,17 @@
 				:disabled="loading"
 				:placeholder="t('spreed', 'Phone number (Country)')" />
 
-			<Button type="primary"
+			<ButtonVue type="primary"
 				:disabled="loading"
 				@click="saveSIPSettings">
 				{{ t('spreed', 'Save changes') }}
-			</Button>
+			</ButtonVue>
 		</template>
 	</div>
 </template>
 
 <script>
-import Button from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
 import axios from '@nextcloud/axios'
 import debounce from 'debounce'
@@ -96,7 +96,7 @@ export default {
 	name: 'SIPBridge',
 
 	components: {
-		Button,
+		ButtonVue,
 		Multiselect,
 	},
 

src/components/AdminSettings/SignalingServer.vue

@@ -38,29 +38,29 @@
 			@change="updateVerify">
 		<label :for="'verify' + index">{{ t('spreed', 'Validate SSL certificate') }}</label>
 
-		<Button v-show="!loading"
+		<ButtonVue v-show="!loading"
 			type="tertiary-no-background"
 			:aria-label="t('spreed', 'Delete this server')"
 			@click="removeServer">
 			<template #icon>
 				<Delete :size="20" />
 			</template>
-		</Button>
+		</ButtonVue>
 
 		<span v-if="server">{{ connectionState }}</span>
 	</div>
 </template>
 
 <script>
-import Button from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 import Delete from 'vue-material-design-icons/Delete'
 import { getWelcomeMessage } from '../../services/signalingService.js'
 
 export default {
 	name: 'SignalingServer',
 
 	components: {
-		Button,
+		ButtonVue,
 		Delete,
 	},
 

src/components/AdminSettings/SignalingServers.vue

@@ -25,15 +25,15 @@
 		<h2>
 			{{ t('spreed', 'High-performance backend') }}
 
-			<Button v-if="!loading && showAddServerButton"
+			<ButtonVue v-if="!loading && showAddServerButton"
 				class="signaling-server__add-icon"
 				type="tertiary-no-background"
 				:aria-label="t('spreed', 'Add a new high-performance backend server')"
 				@click="newServer">
 				<template #icon>
 					<Plus :size="20" />
 				</template>
-			</Button>
+			</ButtonVue>
 		</h2>
 
 		<p class="settings-hint">
@@ -86,7 +86,7 @@
 
 <script>
 import SignalingServer from '../../components/AdminSettings/SignalingServer.vue'
-import Button from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 import Plus from 'vue-material-design-icons/Plus'
 import { showSuccess } from '@nextcloud/dialogs'
 import { loadState } from '@nextcloud/initial-state'
@@ -97,7 +97,7 @@ export default {
 	name: 'SignalingServers',
 
 	components: {
-		Button,
+		ButtonVue,
 		SignalingServer,
 		Plus,
 	},

src/components/AdminSettings/StunServer.vue

@@ -32,34 +32,34 @@
 			:disabled="loading"
 			:aria-label="t('spreed', 'STUN server URL')"
 			@input="update">
-		<Button v-show="!isValidServer"
+		<ButtonVue v-show="!isValidServer"
 			type="tertiary-no-background"
 			:aria-label="t('spreed', 'The server address is invalid')">
 			<template #icon>
 				<AlertCircle />
 			</template>
-		</Button>
-		<Button v-show="!loading"
+		</ButtonVue>
+		<ButtonVue v-show="!loading"
 			type="tertiary-no-background"
 			:aria-label="t('spreed', 'Delete this server')"
 			@click="removeServer">
 			<template #icon>
 				<Delete :size="20" />
 			</template>
-		</Button>
+		</ButtonVue>
 	</div>
 </template>
 
 <script>
-import Button from '@nextcloud/vue/dist/Components/Button'
+import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
 import AlertCircle from 'vue-material-design-icons/AlertCircle'
 import Delete from 'vue-material-design-icons/Delete'
 
 export default {
 	name: 'StunServer',
 
 	components: {
-		Button,
+		ButtonVue,
 		AlertCircle,
 		Delete,
 	},