vuepak

[Docs]

This is a component library for Vue intended for my own use. There are some components that I use in several projects, so I figured I might as well start a collection of them which I can import and stop rewriting.

Install

npm install @parsehex/vuepak

Import the CSS:

import '@parsehex/vuepak/vuepak.css';

Components

JSON Viewer

<script setup>
import { JsonViewer } from '@parsehex/vuepak';

const someData = {
	name: 'John Smith',
	age: 30,
	isStudent: false,
	courses: ['History', 'Math', 'Science'],
};
</script>
<template>
	<JsonViewer :data="someData" />
</template>

Spinner

<script setup>
import { Spinner } from '@parsehex/vuepak';

const loading = ref(false);

// update loading state
</script>
<template>
	<Spinner v-if="loading" />
</template>

License

This project is licensed under the MIT License. Please see the LICENSE file for details.