2.0.3 • Published 2 years ago

@owliehq/vue-addtohomescreen v2.0.3

Weekly downloads
21
License
MIT
Repository
github
Last release
2 years ago

vue-addtohomescreen

Vue-addtohomescreen is a plugin allowing you to trigger a box asking the user if he wants to install the PWA version of your website at the place you want.

You can for example display it after a connection process or when reading an article.

Only for Vue 3 ! For Vue 2, check @owliehq/vue-addtohomescreen@legacy

Installation

Install it with npm

npm install @owliehq/vue-addtohomescreen

Or Yarn

yarn add @owliehq/vue-addtohomescreen

Usage

Vue 3 - Usage as plugin

You'll need to initialize the plugin and ask you app instance to use it, you can pass parameters for customization:

import App from './App.vue';
import { createApp } from 'vue';
import AddToHomescreen from '@owliehq/vue-addtohomescreen';

const app = createApp(App);
app.use(AddToHomescreen, {
  buttonColor: 'blue',
});

app.mount('#app');

Vue 3 - Usage inside your app

Import useAddToHomescreen

import { useAddToHomescreen } from '@owliehq/vue-addtohomescreen';

And use it (for example here directly in the setup hook), you can pass parameters for customization:

export default {
  name: 'App',
  setup() {
    useAddToHomescreen({ buttonColor: 'red' });
  },
};

Parameters list

title: {
	type: String,
	default: ''
},
content: {
	type: String,
},
titleColor: {
	type: String,
	default: '#000'
},
contentColor: {
	type: String,
	default: '#000'
},
iconPath: {
	type: String,
	default: ''
},
iconColor: {
	type: String,
	default: '#000'
},
iconTextColor: {
	type: String,
	default: '#fff'
},
buttonColor: {
	type: String,
	default: '#000'
},
buttonTextColor: {
	type: String,
	default: '#fff'
},
background: {
	type: String,
	default: '#fff'
},
lang: {
	type: String,
	default: 'en_GB' // See Available lang
},
expires: {
	type: Number,
	default: 8
}

Available languages

en_GB: English fr_FR: French ru_RU: Russian de_DE: German es_ES: Spanish pt_PT: Portuguese nl_NL: Dutch pl_PL: Polish ja_JP: Japanese zh_CN: Chinese

Credits

Made with <3 in Metz, a small town in France by Owlie.

Feel free to patch / edit / optimize / add features. MR are Welcome.

2.0.3

2 years ago

2.0.2

2 years ago

2.0.1

2 years ago

2.0.0

2 years ago

1.4.1

3 years ago

1.3.6

3 years ago

1.3.5

3 years ago

1.3.4

3 years ago

1.4.0

3 years ago

1.3.3

4 years ago

1.2.8

4 years ago

1.2.7

4 years ago

1.2.6

4 years ago

1.2.5

4 years ago

1.2.4

4 years ago

1.3.2

4 years ago

1.3.1

4 years ago

1.3.0

4 years ago

1.2.9

4 years ago

1.2.3

4 years ago

1.2.2

4 years ago

1.2.1

4 years ago

1.2.0

4 years ago

1.1.1

4 years ago

1.1.2

4 years ago

1.1.0

4 years ago

1.0.11

5 years ago

1.0.10

5 years ago

1.0.9

5 years ago

1.0.8

5 years ago

1.0.7

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.3

5 years ago