spectra-ui

Spectra UI is a library full of functional and themeable components for Vue 3 and written in TypeScript.

This project is still in-development, and is fairly empty still, once it goes into a version 1 release it will be stable to use, but at the moment, it has two components, and both are fairly buggy still :P.

Features

• Hand crafted components
• Lightweight install
• Written in TypeScript
• Themeable components
• Powered by Vue 3
• Included providers
• Built in Fetch HTTP library wrapper
• Licensed under MIT

Install

You will need Vue.js version 3.0+.

# npm
npm install spectra-ui --save

# yarn
yarn add spectra-ui

Usage

All components

import { createApp } from 'vue';
import Spectra from 'spectra-ui';
import 'spectra-ui/dist/style.css';

createApp.use(Spectra);

Or individual components

import { createApp } from 'vue';
import { Modal, TagInput } from 'spectra-ui';
import 'spectra-ui/dist/style.css';

createApp
	.use(Modal)
	.use(TagInput);

Notes

If you are using npm link or installing it via a local folder npm install ./path/to/spectra-ui then in your config you will need to make sure vue is resolved from your project instead of the linked project, as well as making sure to disable symlinks.

const { resolve } = require('path');

module.exports = {
	chainWebpack: (config) => {
		config.resolve.symlinks(false);
		config.resolve.alias.set('vue$', resolve(__dirname, 'node_modules/vue'));
	}
}