How to use a Vue plugin to Vuepress?

Question

For example, I want to add https://github.com/Akryum/v-tooltip tooltip plugin to my Vuepress project. It asks us to do Vue.use, not sure how to do that because I get "Vue" is undefined.

were you able to solve this?

dkaramazov
– dkaramazov

2019-02-28 15:19:32 +00:00
Commented Feb 28, 2019 at 15:19 — dkaramazov
– dkaramazov, Commented Feb 28, 2019 at 15:19

dkaramazov · Accepted Answer · 2020-06-09 18:54:36Z

7

What you're trying to do is extend the instance of Vue.

Create an enhanceApp.js file. You will then have access to the instance of Vue that Vuepress is using and be able to extend it.

Here is a link to the doc on the enhanceApp.js file.

Here is an example of bringing in Vuetify.

// .vuepress/enhanceApp.js

import Vuetify from 'vuetify'

export default ({
    Vue,
    options,
    router,
    siteData
}) => {
    Vue.use(Vuetify)
    options.vuetify = new Vuetify({});
}

edited Jun 9, 2020 at 18:54

answered Feb 26, 2019 at 13:38

dkaramazov

2042 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

TotomInc · Accepted Answer · 2018-12-14 09:16:08Z

1

You can actually install Vue plugins by editing .vuepress/config.js and passing the plugins array which can be composed of plugins names or require statements.

For more information see this doc.

answered Dec 14, 2018 at 9:16

TotomInc

6721 gold badge8 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to use a Vue plugin to Vuepress?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related