How plugins are meant to be installed

Topic: How plugins are meant to be installed

JSONROY free asked 3 years ago

So I bought those plugins for VueJs and I am having a hard time figuring how you have envision to install the plugins correctly. I tried multiple things so far to install it. The one that was the most successful was to clone the plugin from Gitlab and copy the folder of the plugin (in my case : MDB-Vue-File-Upload) in a resources folder and change my package.json to install that path. This give me a "half-functional" plugin that has no css like when I compile the examples. I also tried the calendar plugin but same behavior so I think it is my understanding or my expectation of how I would install it that is the problem. So my main question is : how should I install the plugins in my projects that should work with limited effort?

I am also using the Vue-Pro in that project.

Expected behavior I would have expected something working out of the box.

Add comment

Mikołaj Smoleński staff answered 3 years ago

1 0 Best answer

There are three possible ways to install plugins in any project. All are described with details in our documentation: https://mdbootstrap.com/docs/vue/getting-started/quick-start/#plugins

Please let us know if these instructions have any defects.

Best regards

JSONROY free commented 3 years ago

Alright, I tested them all. The demo app works and the plugin pack works when you follow the steps.But, the second one ("Existing Project") does not work when following the steps.I was able to fix it by adding the imports in the main.js files (like mentionned in the plugin packs steps)

So, I would recommend to add the step 4.1 under the ("Existing Project").

Step 4.1: Import styles in main.jsimport 'bootstrap-css-only/css/bootstrap.min.css'import 'mdbvue/lib/css/mdb.min.css'

import 'mdb-plugin-pack/MDB-Vue-Calendar/lib/main.css' // only in some plugins

Thank you for your help!

Please insert min. 15 characters.

Mikołaj Smoleński staff commented 3 years ago

Thanks for Your remarks! Best regards

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Free
Premium support: No
Technology: MDB Vue
MDB Version: 6.7.1
Device: Laptop
Browser: Chrome
OS: Windows 10
Provided sample code: No
Provided link: No

JSONROY

25Support score
3Questions 1Answers 0Snippets