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

@@ -24,7 +24,7 @@
<template #sidebar>
<sidebar-detail icon="info_outline" :title="t('information')" close>
<div class="page-description" v-html="md(t('page_help_activity_collection'))" />
<div v-md="t('page_help_activity_collection')" class="page-description" />
</sidebar-detail>
<layout-sidebar-detail v-model="layout" />
<component :is="`layout-sidebar-${layout}`" />
@@ -38,7 +38,6 @@ import { defineComponent, computed, ref, reactive } from 'vue';
import ActivityNavigation from '../components/navigation.vue';
import usePreset from '@/composables/use-preset';
import { useLayout } from '@/composables/use-layout';
import { md } from '@/utils/md';
import FilterSidebarDetail from '@/views/private/components/filter-sidebar-detail';
import LayoutSidebarDetail from '@/views/private/components/layout-sidebar-detail';
import SearchInput from '@/views/private/components/search-input';
@@ -72,7 +71,7 @@ export default defineComponent({
})
);
return { t, breadcrumb, md, layout, layoutOptions, layoutQuery, searchQuery, filters };
return { t, breadcrumb, layout, layoutOptions, layoutQuery, searchQuery, filters };
function useBreadcrumb() {
const breadcrumb = computed(() => {