🥰

Quail-UI: 超シンプルなVue3のUIライブラリ

2025/02/22に公開

元々はQuaily用に作られましたが、後に独立させることにしました。

UIライブラリは数多くありますが、新たに作成した理由は、不必要な依存関係を減らしたい、まだ遭遇していない問題を解決したくない、というものです。唯二の依存関係であるdays.jsも、実際には削除可能で、そのうち削除する予定です。

目的:シンプルさと、私が少し芸を楽しめること(例:Switchコンポーネント)

Vueに依存しているのは、多くのフロントエンドツールに頼らずに済むため、そしてビルドが完了すればすぐに使用できるためです。これは私のような怠け者にとって非常に重要です:

<script type="importmap">
{
  "imports": {
    "vue": "https://cdn.jsdelivr.net/npm/vue@3.3.9/dist/vue.esm-browser.prod.js",
    "quailui": "https://static.quail.ink/assets/quail-ui/0.2.45/index.js",
  }
}
</script>
<script type="module">
  import * as Vue from "vue";
  import QuailUI from "quailui";
  
  const { createApp, ref, onMounted } = Vue;
  const app = createApp({
    // ...     
  });

  app.use(QuailUI, {debug: true});
  app.mount("#app");
</script>

Discussion