mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-22 16:23:50 +02:00
add DeprecationAlert component
This commit is contained in:
29
src/components/DeprecationAlert.vue
Normal file
29
src/components/DeprecationAlert.vue
Normal file
@@ -0,0 +1,29 @@
|
||||
<template>
|
||||
<Alert variant="warning" class="mb-4">
|
||||
<MessageSquareWarning class="text-lg" />
|
||||
<AlertTitle>{{ t('common.feature_relocated.title') }}</AlertTitle>
|
||||
<AlertDescription>
|
||||
<i18n-t keypath="common.feature_relocated.description" tag="span">
|
||||
<template #feature>
|
||||
<strong>{{ featureName }}</strong>
|
||||
</template>
|
||||
</i18n-t>
|
||||
</AlertDescription>
|
||||
</Alert>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { MessageSquareWarning } from 'lucide-vue-next';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
|
||||
import { Alert, AlertDescription, AlertTitle } from './ui/alert';
|
||||
|
||||
const { t } = useI18n();
|
||||
|
||||
defineProps({
|
||||
featureName: {
|
||||
type: String,
|
||||
required: true
|
||||
}
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user