Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to use it with Vue js? #104

Open
Lak0sta opened this issue Jul 11, 2018 · 1 comment
Open

How to use it with Vue js? #104

Lak0sta opened this issue Jul 11, 2018 · 1 comment

Comments

@Lak0sta
Copy link

Lak0sta commented Jul 11, 2018

Please tell where I need to implement this global object with Smartbanner and does it support deep linking?

@LouisMazel
Copy link

Like that :

In your main.js/app.js

import SmartBanner from 'smart-app-banner'
import 'smart-app-banner/dist/smart-app-banner.css'

new Vue({
  el: '#app',
  template: '<App/>',
  components: { App },
  created () {
    new SmartBanner({
      daysHidden: 15,   // days to hide banner after close button is clicked (defaults to 15)
      daysReminder: 90, // days to hide banner after "VIEW" button is clicked (defaults to 90)
      title: 'Your title',
      author: 'Author',
      button: 'VIEW',
      store: {
        ios: 'On the App Store',
        android: 'In Google Play',
        windows: 'In Windows store'
      },
      price: {
        ios: 'FREE',
        android: 'FREE',
        windows: 'FREE'
      }
      // , theme: '' // put platform type ('ios', 'android', etc.) here to force single theme on all device
      // , icon: '' // full path to icon image if not using website icon image
    })
  }
}).$mount('#app')

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants