How plugins are meant to be installed


Topic: How plugins are meant to be installed

JSONROY asked 4 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.


Mikołaj Smoleński staff answered 4 years ago

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 commented 4 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!


Mikołaj Smoleński staff commented 4 years ago

Thanks for Your remarks! Best regards


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: 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