← Back to template page

Admin Two Bulma Vue 2

Vue.js 2 Bulma Buefy dashboard template

Bulma
Buefy
Vue 2.x
Vite & Vue CLI

package.json

{
  "name": "vue-bulma-dashboard",
  "version": "1.5.0",
  "private": true,
  "scripts": {
    "dev": "vite --host",
    "serve": "vue-cli-service serve",
    "serve:vite": "vite serve",
    "build": "vue-cli-service build --modern",
    "build:vite": "vite build",
    "lint": "vue-cli-service lint",
    "lint:fix": "vue-cli-service lint --fix"
  },
  "dependencies": {
    "@vue/composition-api": "^1.6.1",
    "axios": "^0.26.0",
    "buefy": "^0.9.13",
    "bulma": "^0.9.3",
    "chart.js": "^3.7.1",
    "core-js": "^3.19.1",
    "lodash": "^4.17.20",
    "numeral": "^2.0.6",
    "spinkit": "^1.2.5",
    "vue": "^2.6.12",
    "vue-chartjs": "^4.0.5",
    "vue-router": "^3.5.3",
    "vuex": "^3.6.2"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^5.0.4",
    "@vue/cli-plugin-eslint": "^5.0.4",
    "@vue/cli-plugin-router": "^5.0.4",
    "@vue/cli-plugin-vuex": "^5.0.4",
    "@vue/cli-service": "^5.0.4",
    "@vue/eslint-config-standard": "^6.1.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^7.32.0",
    "eslint-plugin-import": "^2.22.1",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^4.3.1",
    "eslint-plugin-standard": "^5.0.0",
    "eslint-plugin-vue": "^7.20.0",
    "glob-parent": "^6.0.2",
    "sass": "^1.32.7",
    "sass-loader": "^10.2.1",
    "vite": "^2.6.14",
    "vite-plugin-vue2": "^1.9.0",
    "vue-template-compiler": "^2.6.12"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

Package structure

└─ vue-bulma-dashboard
   ├─ .editorconfig
   ├─ .eslintrc.js
   ├─ README.md
   ├─ babel.config.js
   ├─ index.html
   ├─ jsconfig.json
   ├─ package-lock.json
   ├─ package.json
   ├─ public
   │  ├─ data-sources
   │  │  ├─ clients.json
   │  │  └─ updates.json
   │  ├─ favicon.png
   │  ├─ img
   │  │  └─ icons
   │  │     ├─ android-chrome-192x192.png
   │  │     ├─ android-chrome-512x512.png
   │  │     ├─ apple-touch-icon-120x120.png
   │  │     ├─ apple-touch-icon-152x152.png
   │  │     ├─ apple-touch-icon-180x180.png
   │  │     ├─ apple-touch-icon-60x60.png
   │  │     ├─ apple-touch-icon-76x76.png
   │  │     ├─ apple-touch-icon.png
   │  │     ├─ favicon-16x16.png
   │  │     ├─ favicon-32x32.png
   │  │     ├─ msapplication-icon-144x144.png
   │  │     ├─ mstile-150x150.png
   │  │     └─ safari-pinned-tab.svg
   │  ├─ index.html
   │  ├─ manifest.json
   │  └─ robots.txt
   ├─ src
   │  ├─ App.vue
   │  ├─ assets
   │  │  ├─ jblogo-icon.png
   │  │  └─ justboil-logo.svg
   │  ├─ components
   │  │  ├─ AsideMenu.vue
   │  │  ├─ AsideMenuItem.vue
   │  │  ├─ AsideMenuList.vue
   │  │  ├─ AsideRight.vue
   │  │  ├─ AsideUpdates.vue
   │  │  ├─ AsideUpdatesItem.vue
   │  │  ├─ CardComponent.vue
   │  │  ├─ CardWidget.vue
   │  │  ├─ Charts
   │  │  │  ├─ LineChart.vue
   │  │  │  └─ chart.config.js
   │  │  ├─ CheckboxPicker.vue
   │  │  ├─ ClientsTableSample.vue
   │  │  ├─ FilePicker.vue
   │  │  ├─ FilePickerDragAndDrop.vue
   │  │  ├─ FooterBar.vue
   │  │  ├─ GrowingNumber.vue
   │  │  ├─ ModalBox.vue
   │  │  ├─ NavBar.vue
   │  │  ├─ NavBarMenu.vue
   │  │  ├─ Notification.vue
   │  │  ├─ PasswordUpdateForm.vue
   │  │  ├─ ProfileUpdateForm.vue
   │  │  ├─ RadioPicker.vue
   │  │  ├─ Tiles.vue
   │  │  └─ TitleBar.vue
   │  ├─ css
   │  │  └─ animate.min.css
   │  ├─ main.js
   │  ├─ router
   │  │  └─ index.js
   │  ├─ scss
   │  │  ├─ _app.scss
   │  │  ├─ _aside.scss
   │  │  ├─ _card.scss
   │  │  ├─ _footer.scss
   │  │  ├─ _form.scss
   │  │  ├─ _full-page.scss
   │  │  ├─ _main-section.scss
   │  │  ├─ _misc.scss
   │  │  ├─ _mixins.scss
   │  │  ├─ _modal.scss
   │  │  ├─ _nav-bar.scss
   │  │  ├─ _table.scss
   │  │  ├─ _theme-default.scss
   │  │  ├─ _tiles.scss
   │  │  ├─ _title-bar.scss
   │  │  ├─ libs
   │  │  │  ├─ _all.scss
   │  │  │  └─ _spinkit.scss
   │  │  └─ main.scss
   │  ├─ store
   │  │  └─ index.js
   │  └─ views
   │     ├─ Forms.vue
   │     ├─ FullPage.vue
   │     ├─ Home.vue
   │     ├─ Profile.vue
   │     ├─ Tables.vue
   │     └─ full-page
   │        ├─ Error.vue
   │        ├─ LockScreen.vue
   │        ├─ Login.vue
   │        └─ PasswordRecovery.vue
   ├─ vite.config.js
   └─ vue.config.js