The Quasar List plugin is a replacement for EAList to update it to the Quasar framework. You should consider a DTList from this plugin when you need automatic support for server-side pagination. You may also consider this plugin for quick scaffolding of data models.

Getting Started

Installation

npm i --save @expressive-analytics/quasar-list

Basic Usage

A DTList can be used to back any type of interface. Consider this QList example.

DTPager is a convenience component which maps to QPagination.

<template lang="pug">
q-list
  q-item(v-for="u in list.page.items")
    q-item-section {{u.id}}
    q-item-section {{ u.alias}}
dt-pager(:list="list")
</template>

<script setup lang="ts">
import {ref} from 'vue'
import {Relay} from 'system/relay'
import {User} from 'types'
import {DTList} from '@expressive-analytics/quasar-list'

const list = ref(new DTList<User>(Relay,User,'User'))
list.value.fetch()
</script>