Furikaeru component library

A minimal component lib for personal projects

Note

Due to a vue bug https://github.com/vuejs/vue-next/issues/4783, boolean props are breaking, please expect some issues. thx

Features

• Tree shaked
• fully typed @johnsoncodehk/volar
• fully customizable @windicss, @antfu/vite-plugin-windicss
• Icons powered by @antfu/vite-plugin-purge-icons

Based on

• Vue 3
• Vite
• WindiCSS
• TypeScript
• Iconify

Usage

please don't skip following steps

install

yarn add furikaeru

npm install furikaeru

pnpm add furikaeru

install peer dependencies

• vue@next
• @iconify/iconify@latest
• @iconify/json@latest
• vite-plugin-purge-icons@latest
• click-outside-vue3@latest
• vite-plugin-windicss@latest
• windicss@latest

config

• add to windi config

// a safelist preset of some of the color classes, use this or import individual configs
// and extend. see lib/src/windi/index.ts

import { furiWindiSafelist } from 'furikaeru'

export default defineConfig({
  safelist: [...furiWindiSafelist],
  extract: { include: ['./node_modules/furikaeru/dist/*'] },
});

• import CSS (very small one)

import 'furikaeru/dist/style.css';

• register click-outside directive

import vClickOutside from 'click-outside-vue3';

app.use(vClickOutside);

Caution

even after doing all these, there might be some issues, I'm advising not use this for your projects. Thx