Migrate from v2 to v3

With v3 the documentation was changed. You can find the previous version here.

Deprecations

Components

Component
abstracts/ComponentObserver	replaced with composable useBoosterComponentObserver
abstracts/AbstractOnlySsr	removed

options

Option
loader	removed
componentAutoImport	removed
componentPrefix	removed

Components

Componenten wurden umbenannt.

Old	New
BoosterPicture	BoosterPicture
BoosterImage	BoosterImage
BoosterLayer	BoosterLayer
BoosterIframe	BoosterIframe
BoosterYoutube	BoosterYoutube
BoosterVimeo	BoosterVimeo

BoosterPicture & BoosterImage

The property loader has been removed.

Directives

v-font

If the directive v-font is used, the composable useBoosterFont must be used. So that the $getFont function can be provided in the template.

<template>
  <span v-font="$getFont(…)"></span>
</template>

<script setup>
const { $getFont } = useBoosterFonts();
</script>

Note that when sub-components are used, the top-level component is given a useCritical. This is necessary so that the critical property is inherited.

<script setup>
useBoosterCritical();
</script>

for the use of critical components.

<template>
  <component critical></component>
</template>