Vue Argon Design System

how do i launch it ???

There's a section in the documentation on how to install/lunch it https://demos.creative-tim.com/vue-argon-design-system/documentation/quick-start.html

ERROR Failed to compile with 4 errors 15:08:14 These dependencies were not found: * bootstrap-vue/es/components/carousel/carousel in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/components/Carousel.vue?vue&type=script&lang=js& * bootstrap-vue/es/components/carousel/carousel-slide in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/components/Carousel.vue?vue&type=script&lang=js& * bootstrap-vue/es/directives/popover/popover in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/components/JavascriptComponents/Tooltips.vue?vue&type=script&lang=js& * bootstrap-vue/es/directives/tooltip/tooltip in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/components/JavascriptComponents/Tooltips.vue?vue&type=script&lang=js& When npm run serve... Couldnt report an issue because github link is broken.

Yes same issues, please solving this issues

use yarn instead of npm can get the correct package.

same issues, when i tried to install that, it says npm ERR! code ENOLOCAL npm ERR! Could not install from "bootstrap-vue\es\components\carousel\carousel" as it does not contain a package.json file. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\ASUS\AppData\Roaming\npm-cache\_logs\2019-09-30T03_21_27_414Z-debug.log

Hello! Is there a version where the dashboard and this design system are combined?

Hey @mrdoss Unfortunately we don't have such a version. Usually we have these as separate projects/solutions. If more people request it, we might provide such an example but usually dashboards have some presentation pages and design systems are more presentation oriented.

any answer to this Failed to compile. ./src/views/components/Carousel.vue?vue&type=script&lang=js& (./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/components/Carousel.vue?vue&type=script&lang=js&) Module not found: Error: Can't resolve 'bootstrap-vue/es/components/carousel/carousel' in 'C:\Users\SHAKAMANN\argonballer\src\views\components'

hi please change the bootstrap import path from "es" to "esm" in Carousel.vue and Tooltips.vue

ERROR Failed to compile with 4 errors 11:48:23 These dependencies were not found: * bootstrap-vue/es/components/carousel/carousel in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/components/Carousel.vue?vue&type=script&lang=js& * bootstrap-vue/es/components/carousel/carousel-slide in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/components/Carousel.vue?vue&type=script&lang=js& * bootstrap-vue/es/directives/popover/popover in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/components/JavascriptComponents/Tooltips.vue?vue&type=script&lang=js& * bootstrap-vue/es/directives/tooltip/tooltip in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/components/JavascriptComponents/Tooltips.vue?vue&type=script&lang=js& To install them, you can run: npm install --save bootstrap-vue/es/components/carousel/carousel bootstrap-vue/es/components/carousel/carousel-slide bootstrap-vue/es/directives/popover/popover bootstrap-vue/es/directives/tooltip/tooltip

hi please change the bootstrap import path from "es" to "esm" in Carousel.vue and Tooltips.vue

Would you offer the dashboard demo showed in the lobby?

First amazing free template. Thank you! But I have a question how is the documentation build I want to make also a documentation like this for my customers. In a few months ready to release my application build on the "Vue paper dashboard pro" in combination with a commercial website like this amazing combination :)

I am trying to use the Modal component, in my vue file I have the following: <div> <base-button type="primary" @click="modals.modal0 = true"> Launch demo modal </base-button> <modal :show.sync="modals.modal0"> <template slot="header"> <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> </template> <div> ... </div> <template slot="footer"> <base-button type="secondary" @click="modals.modal0 = false">Close</base-button> <base-button type="primary">Save changes</base-button> </template> </modal> </div> And in the export defaul: import Modal from "@/components/Modal"; import Modals from "@/views/components/JavascriptComponents/Modals.vue"; components: { Modal, Modals } However, the component does not load and I get the following error: Property or method "modals" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties. Can someone help me?

Hi, @johanemus ! Thanks for using our products. Please see how it's imported in the landing page of this product the modal on Javascript components section, you have all the code there. Regards, Dragos

contoh apa gitu

Hello !!! For Vue Argon Design System, The npm run serve command displays the following errors : node:internal/modules/cjs/loader:998 throw err; ^ Error: Cannot find module '@vue/cli-plugin-babel' Require stack: - C:\Users\PATRICIA\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js - C:\Users\PATRICIA\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js at Module._resolveFilename (node:internal/modules/cjs/loader:995:15) at Module._load (node:internal/modules/cjs/loader:841:27) at Module.require (node:internal/modules/cjs/loader:1061:19) at require (node:internal/modules/cjs/helpers:103:18) at idToPlugin (C:\Users\PATRICIA\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:172:14) at C:\Users\PATRICIA\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:211:20 at Service.resolvePlugins (C:\Users\PATRICIA\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:198:10) at new Service (C:\Users\PATRICIA\AppData\Roaming\npm\node_modules\@vue\cli-service\lib\Service.js:35:25) at Object.<anonymous> (C:\Users\PATRICIA\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js:15:17) { code: 'MODULE_NOT_FOUND', requireStack: [ 'C:\\Users\\PATRICIA\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli-service\\lib\\Service.js', 'C:\\Users\\PATRICIA\\AppData\\Roaming\\npm\\node_modules\\@vue\\cli-service\\bin\\vue-cli-service.js' ] } Node.js v18.12.1 I have done so much research I have followed steps but nothing. Thank you.