24 lines
916 B
Vue
24 lines
916 B
Vue
<template>
|
|
<div class="vp-raw flex flex-col">
|
|
<Alert type="info" class="mb-2">
|
|
<span class="font-medium">Ensure that these requirements are met:</span>
|
|
<ul class="mt-1.5 ml-4 list-disc list-inside">
|
|
<li>At least 10 characters (and up to 100 characters)</li>
|
|
<li>At least one lowercase character</li>
|
|
<li>Inclusion of at least one special character, e.g., ! @ # ?</li>
|
|
</ul>
|
|
</Alert>
|
|
<Alert type="danger" class="mb-2">
|
|
<span class="font-medium">Ensure that these requirements are met:</span>
|
|
<ul class="mt-1.5 ml-4 list-disc list-inside">
|
|
<li>At least 10 characters (and up to 100 characters)</li>
|
|
<li>At least one lowercase character</li>
|
|
<li>Inclusion of at least one special character, e.g., ! @ # ?</li>
|
|
</ul>
|
|
</Alert>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import { Alert } from '../../../../src/index'
|
|
</script>
|