1. vue-cli-plugin-markdown
A Vue Cli 3 plugin to import markdown with marked
vue-cli-plugin-markdown
Package: vue-cli-plugin-markdown
Created by: luizotcarvalho
Last modified: Mon, 23 May 2022 13:01:36 GMT
Version: 0.1.2
License: MIT
Downloads: 117
Repository: https://github.com/luizotcarvalho/vue-cli-plugin-markdown

Install

npm install vue-cli-plugin-markdown
yarn add vue-cli-plugin-markdown

Vue CLI Plugin Markdown

A Vue Cli 3 plugin to import or require and parse .md files with no required configuration.

IMPORTANT: Your app must be created with Vue-CLI 3 (vue create my-app), will not work with Vue-CLI 2 (vue init webpack my-app)!

Quick Start:

Open a terminal in the directory of your app created with Vue-CLI 3.

Then, install vue-cli-plugin-markdown by running:

vue add markdown

That's It! You're ready to import or require .md files!

Example:

 <template>
  <div v-html="markdown"/>
</template>

<script>
import markdown from "@/assets/markdown.md";

export default {
  data() {
    return {
      markdown
    };
  }
};
</script>

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin