pineapple-internet-plans

Component for npm registry

Usage no npm install needed!

<script type="module">
  import pineappleInternetPlans from 'https://cdn.skypack.dev/pineapple-internet-plans';
</script>

README

pineapple-internet-plans

This component is designed to be utilized in pineapple.net.au projects only.

It needs the data from vuex store and can't be used outside the pineapple.net.au and landing pages of pineapple.net.au

install component

yarn add pineapple-internet-plans

Load the component and it's styles

App.vue

import 'pineapple-internet-plans'
import 'pineapple-internet-plans/dist/pineapple-internet-plans.css'

Use the component

<InternetPlans :page.sync="page" />

Warning

This component needs the styles of pineapple.net.au

yarn add pineapple-styles
main.js
import 'pineapple-styles/css/fonts.scss'
import 'pineapple-styles/css/variables.scss'
App.js
import 'pineapple-styles'