# @csc530/vuebulma

> Bulma components for Vue 3

Latest version **0.0.0-16** (published 2023-02-17) · 0 weekly downloads

## Install

```sh
npm install @csc530/vuebulma
pnpm add @csc530/vuebulma
yarn add @csc530/vuebulma
bun add @csc530/vuebulma
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.0-16 |
| Published | 2023-02-17 |
| First published | 2022-12-01 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 263.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Christofer Cousins |
| Maintainers | csc530 |
| Keywords | vue3, Bulma, vue3 component library, vue, component library |

## Links

- npm: https://www.npmjs.com/package/@csc530/vuebulma
- Repository: https://github.com/csc530/vuebulma
- Homepage: https://csc530.github.io/vuebulma/
- Issues: https://github.com/csc530/vuebulma/issues
- npm.io page: https://npm.io/package/@csc530/vuebulma

## Dependencies (1)

- [case](https://npm.io/package/case.md) ^1.6.3

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads
- [@modern-js/plugin-swc](https://npm.io/package/@modern-js/plugin-swc.md) — 3.4K weekly downloads

## Recent versions

- 0.0.0-16 (latest) — 2023-02-17
- 0.0.0-15 — 2023-01-19
- 0.0.0-14.1 — 2023-01-18
- 0.0.0-14 — 2023-01-18
- 0.0.0-13 — 2023-01-17
- 0.0.0-12 — 2023-01-11
- 0.0.0-11 — 2023-01-10
- 0.0.0-10.2 — 2023-01-09
- 0.0.0-10.1 — 2023-01-09
- 0.0.0-10 — 2023-01-09
- 0.0.0-9.1 — 2023-01-05
- 0.0.0-9 — 2023-01-05
- 0.0.0-8.4 — 2023-01-04
- 0.0.0-8.3 — 2023-01-04
- 0.0.0-8.2 — 2023-01-04
- … 13 more at https://npm.io/package/@csc530/vuebulma/versions

## README

# Bulma component library for Vue3

[![Built with Love](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)[![Check it out](https://forthebadge.com/images/badges/check-it-out.svg)](https://forthebadge.com)[![forthebadge](https://forthebadge.com/images/badges/made-with-vue.svg)](https://forthebadge.com)[![Not a bug; a feature](https://forthebadge.com/images/badges/not-a-bug-a-feature.svg)](https://forthebadge.com)[![Powered by black magic](https://forthebadge.com/images/badges/powered-by-black-magic.svg)](https://forthebadge.com)

[![Made with Bulma](https://img.shields.io/badge/made%20with-Bulma-00d1b2?style=roundyed-square)](https://bulma.io)
[![downloads](https://img.shields.io/npm/dt/@csc530/vuebulma?label=npm%20downloads)](https://www.npmjs.com/package/@csc530/vuebulma)
[![npm version](https://img.shields.io/npm/v/@csc530/vuebulma?label=npm%20version&color=teal)](https://www.npmjs.com/package/@csc530/vuebulma?activeTab=versions)
[![GitHub issues](https://img.shields.io/github/issues/csc530/vuebulma?color=goldenrod)](https://github.com/csc530/vuebulma/issues)
[![GitHub discussions](https://img.shields.io/badge/Contribute-Discussions-blueviolet)](https://github.com/csc530/vuebulma/discussions)

## [Changelog](https://csc530.github.io/vuebulma/changelog.html)

## Disclaimer

Developed with and for Vue 3 and Bulma v0.9.4

This package is very much still under active development.

My attempt at creating a Vue component library for Bulma elements (because I really love Bulma, and it's styling/style)
that's compatible with Vue 3.

## Installation

`npm install @csc530/vuebulma`

`yarn add @csc530/vuebulma`

## Use

```vue

<template>
	<!-- Use Bulma component-->
	<vbHeading>I'm a Bulma styled heading</vbHeading>
</template>

<script lang="ts" setup>
	// import the component you want to use
	import {vbHeading} from '@csc530/vuebulma'
</script>
```

easy😄

## Documentation

Refer to the [documentation website](https://csc530.github.io/vuebulma/) for more information and the latest updates.

### Bulma Styling

This library is like a wrapper for Bulma and does not modify any of its CSS if you need help using Bulma or its classes,
refer to the [Bulma documentation](https://bulma.io/documentation/).

### Working with Vue

If you need any help working with Vue components or understanding some of its features please refer
to [their documentation](https://vuejs.org/guide/introduction.html).

### Custom Additions

This library adds some built-in JS to make Bulma's styling and classes work seamlessly
like [appending is-active](/src/vbComponents/components/BulmaDropdown.vue#L4) to a
clicked [dropdown](https://bulma.io/documentation/components/dropdown/#hoverable-or-toggable)

---

Pronunciation

vuebulma = *vubblema*

---
_Source: https://npm.io/package/@csc530/vuebulma · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._