🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

nuxt-bowser

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nuxt-bowser - npm Package Compare versions

Comparing version

to
1.1.1

28

package.json
{
"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)