Version 2.0.0 (Vue 3)

Author: ajerez

.browserslistrc

@@ -1,3 +1,3 @@
 > 1%
 last 2 versions
-not ie <= 8
+not dead

.eslintrc.js

@@ -1,14 +1,14 @@
 module.exports = {
   root: true,
   env: {
-    node: true
+    node: true,
+  },
+  extends: ["plugin:vue/vue3-essential", "eslint:recommended", "@vue/prettier"],
+  parserOptions: {
+    parser: "babel-eslint",
   },
-  extends: ["plugin:vue/essential", "@vue/prettier"],
   rules: {
-    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
   },
-  parserOptions: {
-    parser: "babel-eslint"
-  }
 };

.gitignore

@@ -1,5 +1,7 @@
 .DS_Store
 node_modules
+/dist
+
 
 # local env files
 .env.local
@@ -9,6 +11,7 @@ node_modules
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+pnpm-debug.log*
 
 # Editor directories and files
 .idea
@@ -17,4 +20,4 @@ yarn-error.log*
 *.ntvs*
 *.njsproj
 *.sln
-*.sw*
+*.sw?

README.md

@@ -1,5 +1,10 @@
+
+# IMPORTANT
+**Version 2.0.0 of this plugin only works with Vue 3. If you need Vue 2 compatibility install version 1.0.0**
+
+
 # vue-mobile-detection
-Vue.js prototype function `this.$isMobile()` that returns a Boolean value depending on whether or not the user is browsing with a mobile
+Vue.js global function `this.$isMobile()` that returns a Boolean value depending on whether or not the user is browsing with a mobile
 
 <p align="center">
   <a href="https://www.npmjs.com/package/vue-mobile-detection"><img alt="NPM Version" src="https://img.shields.io/npm/v/vue-mobile-detection.svg?style=for-the-badge"></a> 
@@ -15,7 +20,7 @@ https://ajerez.github.io/vue-mobile-detection/
 
 #### With npm (Recommended)
 ```bash
-npm install vue-mobile-detection
+npm i vue-mobile-detection
 ```
 
 #### yarn
@@ -30,7 +35,10 @@ yarn add vue-mobile-detection
 ```vue
 
 import VueMobileDetection from "vue-mobile-detection";
-Vue.use(VueMobileDetection);
+import App from "./App.vue";
+
+const app = createApp(App);
+app.use(VueMobileDetection);
 
 /* After the install you can use this.$isMobile() in all your vue components */
 ```

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ["@vue/app"]
+  presets: ["@vue/cli-plugin-babel/preset"],
 };