chore: rename is to variant to avoid conflicts with vue's "is"

src/components/misc/api-config.vue

@@ -30,10 +30,10 @@
 			<a @click="() => (configureApi = true)">{{ $t('apiConfig.change') }}</a>
 		</div>
 
-		<message is="success" v-if="successMsg !== '' && errorMsg === ''" class="mt-2">
+		<message variant="success" v-if="successMsg !== '' && errorMsg === ''" class="mt-2">
 			{{ successMsg }}
 		</message>
-		<message is="danger" v-if="errorMsg !== '' && successMsg === ''" class="mt-2">
+		<message variant="danger" v-if="errorMsg !== '' && successMsg === ''" class="mt-2">
 			{{ errorMsg }}
 		</message>
 	</div>

src/components/misc/error.vue

@@ -1,5 +1,5 @@
 <template>
-	<message is="danger">
+	<message variant="danger">
 		<i18n-t keypath="loadingError.failed">
 			<a @click="reload">{{ $t('loadingError.tryAgain') }}</a>
 			<a href="https://vikunja.io/contact/" rel="noreferrer noopener nofollow" target="_blank">{{ $t('loadingError.contact') }}</a>

src/components/misc/message.vue

@@ -1,12 +1,12 @@
 <template>
-	<div class="message" :class="is">
+	<div class="message" :class="variant">
 		<slot/>
 	</div>
 </template>
 
 <script setup>
 const props = defineProps({
-	is: {
+	variant: {
 		type: String,
 		default: 'info',
 	},

src/components/misc/ready.vue

@@ -16,7 +16,7 @@
 				<p v-if="error === errorNoApiUrl">
 					{{ $t('ready.noApiUrlConfigured') }}
 				</p>
-				<message is="danger" v-else>
+				<message variant="danger" v-else>
 					<p>
 						{{ $t('ready.errorOccured') }}<br/>
 						{{ error }}

src/views/Home.vue

@@ -3,7 +3,7 @@
 		<h2 v-if="userInfo">
 			{{ $t(`home.welcome${welcome}`, {username: userInfo.name !== '' ? userInfo.name : userInfo.username}) }}!
 		</h2>
-		<message is="danger" v-if="deletionScheduledAt !== null">
+		<message variant="danger" v-if="deletionScheduledAt !== null">
 			{{
 				$t('user.deletion.scheduled', {
 					date: formatDateShort(deletionScheduledAt),

src/views/list/ShowList.vue

@@ -36,7 +36,7 @@
 			</div>
 		</div>
 		<transition name="fade">
-			<message is="warning" v-if="currentList.isArchived">
+			<message variant="warning" v-if="currentList.isArchived" class="mb-4">
 				{{ $t('list.archived') }}
 			</message>
 		</transition>

src/views/sharing/LinkSharingAuth.vue

@@ -25,7 +25,7 @@
 				{{ $t('user.auth.login') }}
 			</x-button>
 
-			<message class="mt-4" is="danger" v-if="errorMessage !== ''">
+			<message variant="danger" class="mt-4" v-if="errorMessage !== ''">
 				{{ errorMessage }}
 			</message>
 		</div>

src/views/user/Login.vue

@@ -2,7 +2,7 @@
 	<div>
 		<h2 class="title has-text-centered">Login</h2>
 		<div class="box">
-			<message is="success" class="has-text-centered" v-if="confirmedEmailSuccess">
+			<message variant="success" class="has-text-centered" v-if="confirmedEmailSuccess">
 				{{ $t('user.auth.confirmEmailSuccess') }}
 			</message>
 			<api-config @foundApi="hasApiUrl = true"/>
@@ -78,7 +78,7 @@
 						</router-link>
 					</div>
 				</div>
-				<message is="danger" v-if="errorMessage">
+				<message variant="danger" v-if="errorMessage">
 					{{ errorMessage }}
 				</message>
 			</form>

src/views/user/OpenIdAuth.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<message is="danger" v-if="errorMessage">
+		<message variant="danger" v-if="errorMessage">
 			{{ errorMessage }}
 		</message>
 		<message v-if="loading">

src/views/user/PasswordReset.vue

@@ -53,7 +53,7 @@
 				</message>
 			</form>
 			<div class="has-text-centered" v-if="successMessage">
-				<message is="success">
+				<message variant="success">
 					{{ successMessage }}
 				</message>
 				<x-button :to="{ name: 'user.login' }">

src/views/user/Register.vue

@@ -86,7 +86,7 @@
 				<message v-if="loading">
 					{{ $t('misc.loading') }}
 				</message>
-				<message is="danger" v-if="errorMessage !== ''">
+				<message variant="danger" v-if="errorMessage !== ''">
 					{{ errorMessage }}
 				</message>
 			</form>

src/views/user/RequestPasswordReset.vue

@@ -31,12 +31,12 @@
 						</x-button>
 					</div>
 				</div>
-				<message is="danger" v-if="errorMsg">
+				<message variant="danger" v-if="errorMsg">
 					{{ errorMsg }}
 				</message>
 			</form>
 			<div class="has-text-centered" v-if="isSuccess">
-				<message is="success">
+				<message variant="success">
 					{{ $t('user.auth.resetPasswordSuccess') }}
 				</message>
 				<x-button :to="{ name: 'user.login' }">