Vue + LichTa

Package @lichta/vue giúp tích hợp Âm lịch vào dự án của bạn.Ví dụ tích hợp thư viện âm lịch với framework Vue 3.

Cài đặt

npm install @lichta/vue

Xem trước (Demo)

Tháng 10, 2026Bính Ngọ
CN
T2
T3
T4
T5
T6
T7

Sự kiện ngày 27/10(Dữ liệu mẫu)

  • 08:00 — Họp nhóm buổi sáng
  • 12:30 — Ăn trưa cùng đối tác
  • 15:00 — Review sản phẩm

Mã nguồn mẫu

Quick Usage

Cách import và sử dụng @lichta/vue trong ứng dụng của bạn:

<script setup>
import { ref } from 'vue';
import { Calendar, DatePicker } from '@lichta/vue';

const selectedDate = ref(new Date());
</script>

<template>
  <DatePicker theme="glass" v-model="selectedDate" />
  <Calendar theme="glass" :selected-date="selectedDate" />
</template>