@byteluck-fe/workbench-template

A Vue 3 and Vite component package with weather and calendar card components.

Install

npm install @byteluck-fe/workbench-template vue

Usage

import { createApp } from 'vue'
import WorkbenchTemplate from '@byteluck-fe/workbench-template'
import '@byteluck-fe/workbench-template/style.css'

createApp(App).use(WorkbenchTemplate).mount('#app')

You can import the cards directly:

<script setup lang="ts">
import { ref } from 'vue'
import { CalendarCard, WeatherCard } from '@byteluck-fe/workbench-template'
import '@byteluck-fe/workbench-template/style.css'

const selectedDate = ref('')
</script>

<template>
	<WeatherCard city="上海" />
	<CalendarCard v-model="selectedDate" />
</template>

WeatherCard uses Open-Meteo public APIs to resolve the city and load current weather data. No API key is required.

CalendarCard displays a Monday-first monthly calendar and emits selected dates as YYYY-MM-DD strings through v-model.

Development

npm install
npm run dev
npm run build
npm run pack:dry

Publish

npm publish --access public

The package exports WeatherCard and CalendarCard.