rosiumdata

RosiumData

Data Grid framework for Nuxt 3. One install, everything you need.

Install

npm install rosiumdata

This installs both @rosiumdata/core (headless engine) and @rosiumdata/nuxt (Vue renderer).

Quick start

import { rosiumdata } from '@rosiumdata/nuxt'
import '@rosiumdata/nuxt/theme/default.css'

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(rosiumdata)
})

<template>
  <RosiumTable :columns="columns" :adapter="adapter" />
</template>

<script setup>
import { column, LocalAdapter } from '@rosiumdata/core'

const columns = [
  column('id',   { type: 'number', label: 'ID' }),
  column('name', { type: 'text',   label: 'Name' }),
]

const adapter = new LocalAdapter([
  { id: 1, name: 'Coca-Cola' },
  { id: 2, name: 'Pepsi' },
])
</script>

Documentation

• Full usage guide
• Theming guide
• Architecture