# VueJS implementation of AdminLTE This is VueJS implementation of our condensed, desktop-first oriented [AdminLTE template](/keenmate/AdminLTE). We cannot and will not work on this 100% of our time byt ee add new components as we need them in our projects but go ahead and helps if you like this implementation of AdminLTE. We aim for: - rapid application development ## Usage ### Install package ```sh $ npm i @keenmate/vue-adminlte ``` ### Include our p11n plugin with setup script ```javascript // main.js import Vue from "vue" import VueAdminLte from "@keenmate/vue-adminlte" // import code of original (mostly) adminlte project import "@keenmate/vue-adminlte/src/vue-adminlte-setup" Vue.use(VueAdminLte) ``` And now you have all components available in your code. ### Changes of index.html This includes adding `Fira` font and font-awesome icons (note that versions may vary) and jquery ```diff diff --git a/public/index.html b/public/index.html index 4123528..1a60926 100644 --- a/public/index.html +++ b/public/index.html @@ -6,12 +6,25 @@ <%= htmlWebpackPlugin.options.title %> + +
+ ``` ### Main component Your page should start with this: ```html ``` With example page: ```html

Your page content here

 ``` Our components use JSDoc way of documenting code. So if you are struggling with some component, try to look into source code for these comments ## Project Development ### Project setup ``` npm install ``` #### For development ``` npm run demo ```