@nerolang/data-source

DataSource Component for Vue.

Install

pnpm add @nerolang/data-source

How to use?

<template>
    <data-source
        immediate
        :source="source"
        @success="success"
        @error="error"
    >
        <template #default="{ data, loading, error, fetch, reset }">

        </template>
    </data-source>
</template>

<script setup>
import DataSource from '@nerolang/data-source';
</script>

What's the datasource?

type DataSource = () => Promise<any>

External

<template>
    <data-source
        ref="data-source"
    ></data-source>
    <button
        @click="get"
    >get data</button>
</template>

<script setup>
import { useTemplateRef } from 'vue';

const dataSourceRef = useTemplateRef("data-source");

const get = () => {
    dataSourceRef.value.fetch();
}
</script>