https://github.com/wearelucid/vue-bows
Vue.js plugin for clear and understandable console logs
https://github.com/wearelucid/vue-bows
bows log logger logging nuxt nuxtjs vue vue-plugin vuejs
Last synced: 5 months ago
JSON representation
Vue.js plugin for clear and understandable console logs
- Host: GitHub
- URL: https://github.com/wearelucid/vue-bows
- Owner: wearelucid
- Created: 2017-09-27T08:36:57.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T01:19:24.000Z (over 3 years ago)
- Last Synced: 2025-09-30T04:36:49.613Z (9 months ago)
- Topics: bows, log, logger, logging, nuxt, nuxtjs, vue, vue-plugin, vuejs
- Language: JavaScript
- Homepage:
- Size: 126 KB
- Stars: 1
- Watchers: 6
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-bows
[](https://www.npmjs.com/package/@wearelucid/vue-bows)
Vue.js plugin for clear and understandable console logs.
It displays nice logs based on the component
written. It makes your logs clear and organized.
## Installation
```bash
yarn add @wearelucid/vue-bows
```
## Integration & Usage
```javascript
// import
import Vue from 'vue'
import Log from 'vue-bows'
Vue.use(Log)
```
```javascript
// You are now able to use it in your components in your Project. Like this:
export default {
name: 'MyComponent',
data: () => ({
variable: 'foo'
}),
mounted () {
this.log('string') // logs "MyComponent // string"
this.log(this.variable) // logs "MyComponent // foo"
this.log('string', this.variable) // logs "MyComponent // string, foo"
}
}
```
### Usage outside of components
```javascript
import { createLogger } from 'vue-bows'
const log = createLogger('nameOfTheLogger') // replace name with something meaningful
log('Log this')
```
### Integration with Nuxt.js
```javascript
// Create following file in your plugins folder. and Add
'plugins/vue-bows.js'
// Then add the plugin to your 'nuxt.config.js'
plugins: [
'~/plugins/vue-bows'
]
```
### Enable your browser
First you must enable it in your browsers console: Type localStorage.debug = true in your browser's console to activate it.