mirror of
https://gitlab.com/PronounsPage/PronounsPage.git
synced 2025-08-05 12:07:22 -04:00
31 lines
1001 B
Vue
31 lines
1001 B
Vue
<script setup lang="ts">
|
|
const modelValue = defineModel<boolean>();
|
|
|
|
const examples = ref(false);
|
|
</script>
|
|
|
|
<template>
|
|
<div class="small text-muted mb-2">
|
|
<div class="form-check form-switch my-1">
|
|
<label>
|
|
<input v-model="modelValue" class="form-check-input" type="checkbox" role="switch">
|
|
<T>profile.markdown.enable</T>
|
|
</label>
|
|
<a href="#" @click.prevent="examples = !examples">
|
|
<Icon v="info-circle" />
|
|
<T>profile.markdown.features</T>
|
|
</a>
|
|
</div>
|
|
<table v-if="examples" class="table table-sm table-striped">
|
|
<tbody>
|
|
<tr v-for="example in $t('profile.markdown.examples')">
|
|
<th class="fw-normal">
|
|
{{ example }}
|
|
</th>
|
|
<td><Spelling :text="example" markdown /></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</template>
|