Skip to main content

Vue

If you are using Vue as a direct script include, please go here.

If you are using Vue as a SPA or with a Vue framework (Nuxt.js) use the instructions below. Replace the value for id with the parameter in your wall url https://app.vouchpanel.com/walls/[id].

Install with yarn (or npm install):

yarn add @vouchpanel/vue

Include it as a Vue element:

<template>
<Wall id="4" darkMode="off" />
</template>
<script lang="ts">
import Vue from "vue";
import VouchpanelVue2 from "@vouchpanel/vue";
Vue.component("Wall", VouchpanelVue2);
export default new Vue({});
</script>

Props#

nametypedefaultdescription
idstringrequiredThe id of the wall to display
darkModeoff, onoffWhether to display the element in dark mode