mstdmstd
3 months ago
282
2
Vue

How to install vue-argon-design-system template into my Laravel 5.7 app?

Posted 3 months ago by mstdmstd

Hello, In my Laravel 5.7 / Vuejs 2.6 / Vuex 3.1/ Bootstrap 4.3 app I want to use https://demos.creative-tim.com/vue-argon-design-system/ template and in it's docs https://demos.creative-tim.com/vue-argon-design-system/documentation/quick-start.html#quick-start I read :

Argon Kit is built as Vue plugin so you can simply import it and use it.

import Vue from 'vue';
import Argon from '@/plugins/argon-kit'
Vue.use(Argon);

I added such lines in my resources/js/app.js :

import Vue from 'vue';
...
import Argon from '@/plugins/argon-kit'
Vue.use(Argon);

I am not sure which files have I to copy into my project, I tried to copy files from /vue-argon-design-system/src/plugins subdirectory :

/vue-argon-design-system/src/plugins$ ls -la
-rwxrwxrwx 1 root root  415 тра  5 15:11 argon-kit.js
-rwxrwxrwx 1 root root 1182 тра  5 15:11 globalComponents.js
-rwxrwxrwx 1 root root  297 тра  5 15:11 globalDirectives.js

into /resources/js/plugins subdirectory of my project

but npm console command raised error :

This dependency was not found:
* @/plugins/argon-kit in ./resources/js/app.js
To install it, you can run: npm install --save @/plugins/argon-kit
...

ERROR in ./resources/js/app.js
Module not found: Error: Can't resolve '@/plugins/argon-kit' in '/mnt/_work_sdb8/wwwroot/lar/Hostels2/resources/js'
 @ ./resources/js/app.js 12:0-40 13:8-13
 @ multi ./resources/js/app.js ./resources/sass/BS4/app.scss

I tried to install plugin as in message above:

$ npm install --save @/plugins/argon-kit
npm ERR! code ENOLOCAL
npm ERR! Could not install from "@/plugins/argon-kit" as it does not contain a package.json file.
...

Which is valid way to install argon into my app?

Thanks!

Please sign in or create an account to participate in this conversation.