The official Prepr SDK for Vue.js
npm install @preprio/vuejs-sdkThis is the official Prepr SDK for Vue.js. It provided a standardized way for your team to communicate with the Prepr API.
Getting started is simple. Scaffoled a Vue.js project.
npx create-vue-app prepr-demo
And navigate to your new site.
cd prepr-demo
Once you've done that, you can simply install the plugin by running.
npm i @preprio/vuejs-sdk
Okay, now we can register the plugin inside src/index.js and modify the default settings.
``js
// src/index.js
import Vue from 'vue'
import App from './components/App.vue'
import { PreprPlugin } from '@preprio/vuejs-sdk'
Vue.use(PreprPlugin, {
token: null,
baseUrl: 'https://cdn.prepr.io',
timeout: 4000,
userId: null,
})
Vue.config.productionTip = false
new Vue({
el: '#app',
render: h => h(App),
})
`
By default, the base url will be https://cdn.prepr.io and the timeout before the request fails 4000 ms. The two values are not required. However. The token is required in order to make API calls. You can obtain the API token from the Prepr Dashboard.
Let's make that plugin do some work.
`js`
By default, Vue.js doesn't ship with a router. To resolve data based on route parameters, we suggest using Vue Router. You can install Vue Router easily by running npm install vue-router in your project or vue add router if you're using Vue CLI. Now you should be able to access data by id or slug.
`js``
Want to know all available methods? Read more at @preprio/nodejs-sdk or join us on Slack.