SWRVA Vue library for data fetching

With SWRV, components will get a stream of data updates constantly and automatically. The UI will always be fast and reactive.

Get started

API

Migrate from v1

Feature-rich Data Fetching

Transport and protocol agnostic data fetching, revalidation on focus, polling, in-flight de-duplication.

Vue Composition API

Start developing with power of Vue 3, using the reactivity system of the Vue Composition API.

Stale-while-revalidate

Uses cache to serve pages fast, while revalidating data sources producing an eventually consistent UI.

Installation

vp add swrv

Quick example

vue

<script setup lang="ts">
import useSWRV from "swrv";

const { data, error, isLoading } = useSWRV("/api/user", fetcher);
</script>

<template>
  <p v-if="error">Failed to load.</p>
  <p v-else-if="isLoading">Loading…</p>
  <p v-else>Hello {{ data?.name }}</p>
</template>

Based on

SWRfrom

Built to match SWR closely while staying idiomatic to Vue.