This is the official Prepr SDK for Nuxt.js. It provided a standardized way for your team to communicate with the Prepr REST API.
Getting started is simple. Scaffoled a Nuxt.js project
npx create-nuxt-app prepr-demo
And navigate to your new site
cd prepr-demo
Once you've done that, you can simply install the module by running
npm i @preprio/nuxtjs-sdk
Okay, now we can register the module inside nuxt.config.js and modify the default settings.
Add your access token in the token field of the configuration and add the modules and prepr section.
// nuxt.config.js
export default {
modules: [
'@preprio/nuxtjs-sdk'
],
// Prepr API Configuration
prepr: {
token: 'db126-EXAMPLE-2fd2ce2feee70b0846-EXAMPLE-16842bc97b36b89191b',
baseUrl: 'https://cdn.prepr.io',
timeout: 4000,
userId: null,
},
}Cool. We have the module working. Now, time for some action. We now have global access to the $prepr function, how we can access the $prepr function depends on the context. Here are two examples.
<script>
// Example with `asyncData`
export default {
async asyncData({ $prepr, params }) {
const { id } = params
const publication = await $prepr
.path(`/publications/${id}`)
.query('...')
.fetch();
return {
publication,
}
},
}
</script><script>
// Example with `fetch`
export default {
data() {
return {
publication: {}
}
},
async fetch() {
const { id } = this.params
const publication = await this.$prepr
.path(`/publications/${id}`)
.query('...')
.fetch()
this.publication = publication
},
}
</script>Want to know all available methods? Read more at @preprio/nodejs-sdk or join us on Slack.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent