nuxt-bowser
Advanced tools
Comparing version
{ | ||
"name": "nuxt-bowser", | ||
"version": "1.1.0", | ||
"version": "1.1.1", | ||
"description": "Bowser module for Nuxt.js", | ||
"author": "Ivo Dolenc", | ||
"license": "MIT", | ||
"author": "Ivo Dolenc", | ||
"contributors": [ | ||
@@ -12,3 +12,3 @@ { | ||
], | ||
"main": "src/index.js", | ||
"homepage": "https://github.com/ivodolenc/nuxt-bowser#readme", | ||
"repository": { | ||
@@ -21,2 +21,3 @@ "type": "git", | ||
}, | ||
"main": "src/index.js", | ||
"files": [ | ||
@@ -48,15 +49,12 @@ "src", | ||
"devDependencies": { | ||
"@commitlint/cli": "^12.1.4", | ||
"@commitlint/config-conventional": "^12.1.4", | ||
"@nuxtjs/eslint-config": "^6.0.1", | ||
"babel-eslint": "^10.1.0", | ||
"eslint": "^7.28.0", | ||
"eslint-config-prettier": "^8.3.0", | ||
"husky": "^6.0.0", | ||
"prettier": "^2.3.1", | ||
"standard-version": "^9.3.0" | ||
}, | ||
"publishConfig": { | ||
"access": "public" | ||
"@babel/core": "^7.17.9", | ||
"@babel/eslint-parser": "^7.17.0", | ||
"@commitlint/cli": "^16.2.3", | ||
"@commitlint/config-conventional": "^16.2.1", | ||
"eslint": "^8.13.0", | ||
"eslint-config-prettier": "^8.5.0", | ||
"husky": "^7.0.4", | ||
"prettier": "^2.6.2", | ||
"standard-version": "^9.3.2" | ||
} | ||
} |
<p align="center"> | ||
<img src=".github/assets/cover.svg" > | ||
<img src=".github/assets/cover22.svg" > | ||
</p> | ||
@@ -7,3 +7,3 @@ | ||
Bowser module for Nuxt.js. | ||
Bowser module for Nuxt.js | ||
@@ -25,6 +25,6 @@ ## Features | ||
```bash | ||
$ npm install --save-dev nuxt-bowser # or yarn add --dev nuxt-bowser | ||
$ npm i -D nuxt-bowser # or yarn add -D nuxt-bowser | ||
``` | ||
2. Add `nuxt-bowser` to the `buildModules` section of `nuxt.config.js` | ||
2. Enable `nuxt-bowser` in the `buildModules` section | ||
@@ -38,3 +38,3 @@ ```js | ||
bowser: { | ||
/* module options */ | ||
/* Module Options */ | ||
} | ||
@@ -44,7 +44,7 @@ } | ||
That's it! Start developing your app ✨ | ||
That's it! Start developing your app! | ||
## Examples | ||
💻 Here are some code examples | ||
Here are some code examples | ||
@@ -66,11 +66,15 @@ - [Basic](https://github.com/ivodolenc/nuxt-bowser/tree/master/examples/basic) | ||
</div> | ||
<div v-else-if="$browser.is('tablet')"> | ||
<h3>Tablet</h3> | ||
</div> | ||
<div v-else-if="$browser.is('desktop')"> | ||
<h3>Desktop</h3> | ||
</div> | ||
<div v-else-if="$browser.is('tv')"> | ||
<h3>TV</h3> | ||
</div> | ||
<div v-else> | ||
@@ -291,3 +295,3 @@ <h3>Other</h3> | ||
## Options | ||
## Module Options | ||
@@ -299,3 +303,3 @@ **Default options** | ||
{ | ||
export default { | ||
bowser: { | ||
@@ -305,3 +309,4 @@ name: 'browser', | ||
autoOrientation: false, | ||
userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36' | ||
userAgent: | ||
'Mozilla/5.0 (Macintosh; Intel Mac OS X 11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36' | ||
} | ||
@@ -311,3 +316,3 @@ } | ||
### name | ||
### Name | ||
@@ -321,5 +326,5 @@ - Default: `browser` | ||
{ | ||
export default { | ||
bowser: { | ||
name: 'browser', | ||
name: 'browser' | ||
} | ||
@@ -346,5 +351,5 @@ } | ||
{ | ||
export default { | ||
bowser: { | ||
name: 'device', // Define the option according to your needs | ||
name: 'device' // Define the option according to your needs | ||
} | ||
@@ -371,6 +376,9 @@ } | ||
<!-- Example ($device) - index.vue --> | ||
<template> | ||
<div> | ||
<h3 v-if="$device.is('mobile')">Mobile</h3> | ||
<h3 v-else-if="$device.is('tablet')">Tablet</h3> | ||
<h3 v-else>Desktop</h3> | ||
@@ -381,3 +389,3 @@ </div> | ||
### autoDetect | ||
### Auto Detect | ||
@@ -393,5 +401,5 @@ - Default: `false` | ||
{ | ||
export default { | ||
bowser: { | ||
autoDetect: true, | ||
autoDetect: true | ||
} | ||
@@ -434,3 +442,3 @@ } | ||
{ | ||
export default { | ||
bowser: { | ||
@@ -440,3 +448,3 @@ autoDetect: { | ||
valuePrefix: 'is-' | ||
}, | ||
} | ||
} | ||
@@ -462,3 +470,3 @@ } | ||
### autoOrientation | ||
### Auto Orientation | ||
@@ -472,5 +480,5 @@ - Default: `false` | ||
{ | ||
export default { | ||
bowser: { | ||
autoOrientation: true, | ||
autoOrientation: true | ||
} | ||
@@ -503,3 +511,3 @@ } | ||
{ | ||
export default { | ||
bowser: { | ||
@@ -509,3 +517,3 @@ autoOrientation: { | ||
valuePrefix: 'is-' | ||
}, | ||
} | ||
} | ||
@@ -531,3 +539,3 @@ } | ||
### userAgent | ||
### User Agent | ||
@@ -539,5 +547,6 @@ Default `userAgent` fallback for Nuxt `static` target (`nuxt generate`). | ||
{ | ||
export default { | ||
bowser: { | ||
userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36' | ||
userAgent: | ||
'Mozilla/5.0 (Macintosh; Intel Mac OS X 11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.77 Safari/537.36' | ||
} | ||
@@ -555,3 +564,3 @@ } | ||
**Nuxt Bowser Module** | ||
**Nuxt Bowser** | ||
@@ -558,0 +567,0 @@ [MIT License](LICENSE) |
No website
QualityPackage does not have a website.
Found 1 instance in 1 package
14661
0.76%547
1.67%