Add v-md directive (#6835)

* Use stricter Vue eslint setting

* Implement v-md directive

Replaces old uses of v-html + md util

* Fix typo
This commit is contained in:
Rijk van Zanten
2021-07-15 20:01:30 +02:00
committed by GitHub
parent 5f7dce54e2
commit d38681c2ee
27 changed files with 52 additions and 87 deletions

View File

@@ -31,14 +31,13 @@
<v-divider />
<div class="page-description" v-html="md(t('page_help_users_item'))" />
<div v-md="t('page_help_users_item')" class="page-description" />
</sidebar-detail>
</template>
<script lang="ts">
import { useI18n } from 'vue-i18n';
import { defineComponent, ref, watch } from 'vue';
import { md } from '@/utils/md';
import localizedFormat from '@/utils/localized-format';
export default defineComponent({
@@ -69,7 +68,7 @@ export default defineComponent({
{ immediate: true }
);
return { t, md, lastAccessDate };
return { t, lastAccessDate };
},
});
</script>

View File

@@ -118,7 +118,7 @@
<template #sidebar>
<sidebar-detail icon="info_outline" :title="t('information')" close>
<div class="page-description" v-html="md(t('page_help_users_collection'))" />
<div v-md="t('page_help_users_collection')" class="page-description" />
</sidebar-detail>
<layout-sidebar-detail v-model="layout" />
<component :is="`layout-sidebar-${layout}`" />
@@ -137,7 +137,6 @@ import usePreset from '@/composables/use-preset';
import LayoutSidebarDetail from '@/views/private/components/layout-sidebar-detail';
import SearchInput from '@/views/private/components/search-input';
import { useUserStore, usePermissionsStore } from '@/stores';
import { md } from '@/utils/md';
import useNavigation from '../composables/use-navigation';
import { useLayout } from '@/composables/use-layout';
import DrawerBatch from '@/views/private/components/drawer-batch';
@@ -237,7 +236,6 @@ export default defineComponent({
layoutQuery,
layout,
searchQuery,
md,
clearFilters,
userInviteModalActive,
refresh,