Vue Markdown-it v0.2.0

Table of Contents

Overview

I’m excited to announce the release of Vue Markdown-it v0.2.0. This release comes with some new features and some developer facing improvements. If you want to use this package you can install it from npm:

npm i @f3ve/vue-markdown-it

New features

List of new features and how to use them.

Support for Markdown-it options

You can now configure markdown-it options. Here’s how:

<script setup>
  import { VueMarkdownIt } from '@f3ve/vue-markdown-it';

  const post = ref();
  const options = {
    html: true,
    linkify: true,
  };

  onMounted(async () => {
    const res = await api.get('/post');
    post.value = res.data;
  });
</script>

<template>
  <vue-markdown-it :source="post" :options="options" />
</template>

Support for Markdown-it presets

You can also specify a markdown-it preset. Here’s how:

<script setup>
  import { VueMarkdownIt } from '@f3ve/vue-markdown-it';

  const post = ref();

  onMounted(async () => {
    const res = await api.get('/post');
    post.value = res.data;
  });
</script>

<template>
  <vue-markdown-it :source="post" preset="commonmark" />
</template>

Developer Facing improvements

1. Added @f3ve/eslint-config for improved linting.
2. Added a bump-version workflow to easily trigger new releases.
3. Added a release workflow that handles publishing to NPM and generating GitHub releases.

Conclusion

Thanks for reading! If you’re interested in using this package feel free to install it from npm. If you’d like to propose some new features or report a bug feel free to open an issue on GitHub.