diff --git a/components/content/ProseH1.vue b/components/content/ProseH1.vue index bbc49f62a71500ce11db2077f4274099ec249210..504cd7b169a3e7415326ff175fcedcbfca4d7e90 100644 --- a/components/content/ProseH1.vue +++ b/components/content/ProseH1.vue @@ -1,10 +1,10 @@ <template> - <div class="text-h1" :id="id"> - <a v-if="id && generate" :href="`#${id}`"> + <h1 class="text-h3 font-weight-bold" :id="id"> + <a v-if="id && generate" :href="`#${id}`" class="text-decoration-none"> <slot /> </a> <slot v-else /> - </div> + </h1> </template> <script setup lang="ts"> @@ -12,6 +12,13 @@ import { useRuntimeConfig } from "#imports"; defineProps<{ id?: string }>(); const heading = 1; const { anchorLinks } = useRuntimeConfig().public.content; +console.log(anchorLinks); + const generate = anchorLinks?.depth >= heading && !anchorLinks?.exclude.includes(heading); </script> +<style scoped> +a { + color: inherit; +} +</style> diff --git a/components/content/ProseH2.vue b/components/content/ProseH2.vue new file mode 100644 index 0000000000000000000000000000000000000000..964db2b72f24d40a020e4fee040e912b7e366fa8 --- /dev/null +++ b/components/content/ProseH2.vue @@ -0,0 +1,22 @@ +<template> + <h2 class="text-h4 font-weight-bold" :id="id"> + <a v-if="id && generate" :href="`#${id}`" class="text-decoration-none"> + <slot /> + </a> + <slot v-else /> + </h2> +</template> + +<script setup lang="ts"> +import { useRuntimeConfig } from "#imports"; +defineProps<{ id?: string }>(); +const heading = 2; +const { anchorLinks } = useRuntimeConfig().public.content; +const generate = + anchorLinks?.depth >= heading && !anchorLinks?.exclude.includes(heading); +</script> +<style scoped> +a { + color: inherit; +} +</style> diff --git a/components/content/ProseOl.vue b/components/content/ProseOl.vue new file mode 100644 index 0000000000000000000000000000000000000000..4c630ffc26d746493b81182b6b04483ab2a5ec75 --- /dev/null +++ b/components/content/ProseOl.vue @@ -0,0 +1,9 @@ +<template> + <v-card flat color="transparent"> + <v-card-text> + <ol> + <slot /> + </ol> + </v-card-text> + </v-card> +</template> diff --git a/components/content/ProseP.vue b/components/content/ProseP.vue index d73d0fd6a079edfac2c5516e4e785e9f8b864f6e..f0692523974923879752634d07f6614b1cf70e04 100644 --- a/components/content/ProseP.vue +++ b/components/content/ProseP.vue @@ -1,3 +1,5 @@ <template> - <v-card-text><slot /></v-card-text> + <v-card flat color="transparent"> + <v-card-text class="px-0 py-2"><slot /></v-card-text> + </v-card> </template>