prez-components

Prez Components

A Vue.js component library for rendering RDF data for use with Prez UI. Uses prez-lib for RDF/JS types and processing RDF.

Based on the shadcn-vue component library.

Install

npm install prez-components

Usage

<script lang="ts" setup>
import { literal, node } from "prez-lib";
import { Node } from "prez-components";

const term = node({
    value: "https://example.com",
    label: literal("term"),
    links: [
        {
            value: "/"
        }
    ],
});
</script>

<template>
    <div>
        <Node :term="term" />
    </div>
</template>

Make sure to import the prez-components stylesheet:

// main.ts
import "prez-components/style.css";

For Nuxt:

// nuxt.config.ts
export default defineNuxtConfig({
    ...
    css: ["prez-components/style.css"],
    ...
});