diff --git a/README.md b/README.md index ba8ef80..1d3a6b8 100644 --- a/README.md +++ b/README.md @@ -1,61 +1,5 @@ -# vue-project +# Leim Tools +A congregate of tools used to visualize TTRPG elements and help content creators (mostly me for now tbh) build their worlds. -This template should help get you started developing with Vue 3 in Vite. - -## Recommended IDE Setup - -[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur). - -## Type Support for `.vue` Imports in TS - -TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types. - -## Customize configuration - -See [Vite Configuration Reference](https://vitejs.dev/config/). - -## Project Setup - -```sh -npm install -``` - -### Compile and Hot-Reload for Development - -```sh -npm run dev -``` - -### Type-Check, Compile and Minify for Production - -```sh -npm run build -``` - -### Run Headed Component Tests with [Cypress Component Testing](https://on.cypress.io/component) - -```sh -npm run test:unit:dev # or `npm run test:unit` for headless testing -``` - -### Run End-to-End Tests with [Cypress](https://www.cypress.io/) - -```sh -npm run test:e2e:dev -``` - -This runs the end-to-end tests against the Vite development server. -It is much faster than the production build. - -But it's still recommended to test the production build with `test:e2e` before deploying (e.g. in CI environments): - -```sh -npm run build -npm run test:e2e -``` - -### Lint with [ESLint](https://eslint.org/) - -```sh -npm run lint -``` +## Timeline +Visual helper for time-related data, such as events, eras and characters. Helpful to know how old a character is while something is happening in the world, or how far two events are separated in the timeline. diff --git a/index.html b/index.html index 21c2c10..9c7ebc3 100644 --- a/index.html +++ b/index.html @@ -9,8 +9,6 @@ - Chronologie — Leim Wiki - @@ -21,9 +19,9 @@ - - - + + +
diff --git a/package-lock.json b/package-lock.json index c2a70b7..9ebd87e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,7 +8,7 @@ "name": "vue-project", "version": "0.0.0", "dependencies": { - "@phosphor-icons/vue": "^2.1.6", + "@phosphor-icons/vue": "^2.2.1", "@vueuse/core": "^10.9.0", "class-variance-authority": "^0.7.0", "clsx": "^2.1.0", @@ -890,9 +890,9 @@ } }, "node_modules/@phosphor-icons/vue": { - "version": "2.1.6", - "resolved": "https://registry.npmjs.org/@phosphor-icons/vue/-/vue-2.1.6.tgz", - "integrity": "sha512-j4iVvNT4JbDR2udIVfakKZHd14i3jCvO4b24OC0W/1rasftU8qVg1Tnb3QDwAT0teNU+UxvaM+kCWxfGHC2dUg==", + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/@phosphor-icons/vue/-/vue-2.2.1.tgz", + "integrity": "sha512-3RNg1utc2Z5RwPKWFkW3eXI/0BfQAwXgtFxPUPeSzi55jGYUq16b+UqcgbKLazWFlwg5R92OCLKjDiJjeiJcnA==", "engines": { "node": ">=14" }, diff --git a/package.json b/package.json index 33bb9df..41441a6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { - "name": "vue-project", - "version": "0.0.0", + "name": "leim-tool", + "version": "0.1.0", "private": true, "type": "module", "scripts": { @@ -17,7 +17,8 @@ "format": "prettier --write src/" }, "dependencies": { - "@phosphor-icons/vue": "^2.1.6", + "@phosphor-icons/vue": "^2.2.1", + "lucide-vue-next": "^0.364.0", "@vueuse/core": "^10.9.0", "class-variance-authority": "^0.7.0", "clsx": "^2.1.0", diff --git a/src/components/calendar/CalendarEvent.vue b/src/components/calendar/CalendarEvent.vue index 234b1f8..7f1c6e5 100644 --- a/src/components/calendar/CalendarEvent.vue +++ b/src/components/calendar/CalendarEvent.vue @@ -1,38 +1,72 @@ diff --git a/src/components/calendar/CalendarEventDetails.vue b/src/components/calendar/CalendarEventDetails.vue index 2211918..c7e3f73 100644 --- a/src/components/calendar/CalendarEventDetails.vue +++ b/src/components/calendar/CalendarEventDetails.vue @@ -1,29 +1,67 @@ diff --git a/src/components/calendar/CalendarMenu.vue b/src/components/calendar/CalendarMenu.vue index d6869b8..d44762b 100644 --- a/src/components/calendar/CalendarMenu.vue +++ b/src/components/calendar/CalendarMenu.vue @@ -2,12 +2,14 @@ import { useCalendar } from '@/stores/CalendarStore' import { Button } from '@/components/ui/button' +import { PhMagnifyingGlass } from '@phosphor-icons/vue' import CalendarMenuNav from './CalendarMenuNav.vue' +import CalendarMenuSubnav from './CalendarMenuSubnav.vue' import CalendarMenuToday from './CalendarMenuToday.vue' import CalendarSwitch from './CalendarSwitch.vue' import CalendarCurrentDate from './CalendarCurrentDate.vue' -const { currentDate, revealAdvancedSearch } = useCalendar() +const { revealAdvancedSearch } = useCalendar() diff --git a/src/components/calendar/CalendarMenuNav.vue b/src/components/calendar/CalendarMenuNav.vue index 05d303e..dd671e9 100644 --- a/src/components/calendar/CalendarMenuNav.vue +++ b/src/components/calendar/CalendarMenuNav.vue @@ -1,4 +1,5 @@ + + diff --git a/src/components/calendar/CalendarMenuToday.vue b/src/components/calendar/CalendarMenuToday.vue index 0c3e2b7..3141daf 100644 --- a/src/components/calendar/CalendarMenuToday.vue +++ b/src/components/calendar/CalendarMenuToday.vue @@ -20,7 +20,7 @@ const isDefaultDate = computed(() => {