Skip to content
APERVEIL / DOCS / VUE

Blocks — Vue

Install an Aperveil block in Vue: download it, copy its folder, render it and override its content, design and shader with props.

06

Blocks

Shape a block on its page with Customize, then open Install, choose Vue and download it. Copy its folder into your project, for example to components/aperveil/signature-hero, run the install line from its README and render it:

Page.vue
<script setup lang="ts">
import SignatureHeroSection from "@/components/aperveil/signature-hero/SignatureHeroSection.vue";
</script>

<template>
  <SignatureHeroSection />
</template>

Every prop is optional: content, design and shader override the copy, the colours and typefaces, and the shader's values; on a form block onSubmit makes the form live.

Color Looks, browser support, performance and access are the same on every platform: see the overview.