diff --git a/README.md b/README.md index d75beab..b90d135 100755 --- a/README.md +++ b/README.md @@ -33,7 +33,11 @@ Or you can include it through the browser at the bottom of your page along with ```html - + ``` ### About @@ -44,44 +48,49 @@ A nice feature that comes baked in is the menu placement after a click - it sits ### Usage Example -```html - -@import '/path/to/node_modules/vue-simple-context-menu.css'; +```css +/* css import for when you want to import the component css into your css file/files */ +@import "/path/to/node_modules/vue-simple-context-menu.css"; +``` - -import 'vue-simple-context-menu/dist/vue-simple-context-menu.css' +```js +// css import for when you're importing the css directly in your js +import "vue-simple-context-menu/dist/vue-simple-context-menu.css"; +import VueSimpleContextMenu from "vue-simple-context-menu"; -import VueSimpleContextMenu from 'vue-simple-context-menu' -Vue.component('vue-simple-context-menu', VueSimpleContextMenu) +Vue.component("vue-simple-context-menu", VueSimpleContextMenu); ``` ```html -