From 7bffdcca1835e4a75fe47ae837a2572584b02904 Mon Sep 17 00:00:00 2001 From: Pascal Syma Date: Sun, 30 Mar 2025 18:05:02 +0200 Subject: [PATCH] Add vuestic for form --- bun.lockb | Bin 125998 -> 130639 bytes package.json | 4 +- src/App.vue | 95 ++++++++++++++++++++-------------------- src/assets/main.css | 2 + src/colors.ts | 7 +++ src/components/card.vue | 2 +- src/main.ts | 5 ++- 7 files changed, 64 insertions(+), 51 deletions(-) diff --git a/bun.lockb b/bun.lockb index f57edc4816aa79ca9705f39cb725fa69ca05ae01..add284fa5c9d728f7e46b445e5e036d73220ffed 100755 GIT binary patch delta 24934 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 WSb%tT9`h16Y-g6+td=nMPX7n>_{56< delta 21968 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 b)e_4JcC3z^yo7nm-k-DTC9StI@816lo47@M diff --git a/package.json b/package.json index b7a25e4..e71da34 100644 --- a/package.json +++ b/package.json @@ -14,10 +14,12 @@ }, "dependencies": { "@tailwindcss/vite": "^4.0.17", + "@vuestic/tailwind": "^0.1.5", "pinia": "^3.0.1", "pinia-plugin-persistedstate": "^4.2.0", "tailwindcss": "^4.0.17", - "vue": "^3.5.13" + "vue": "^3.5.13", + "vuestic-ui": "^1.10.3" }, "devDependencies": { "@tsconfig/node22": "^22.0.0", diff --git a/src/App.vue b/src/App.vue index 8d78ddf..3f8d55d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -3,6 +3,16 @@ import Card from '@/components/card.vue' import { type CardT, type Preset, presets, validPreset } from '@/colors.ts' import { useCards } from '@/stores/cards.ts' import { ref } from 'vue' +import { + VaButton, + VaButtonGroup, + VaCard, + VaCardContent, + VaColorInput, + VaCounter, + VaDivider, + VaInput, +} from 'vuestic-ui' const cardStore = useCards() function presetChange(card: CardT, preset: keyof typeof presets | 'none') { @@ -11,7 +21,6 @@ function presetChange(card: CardT, preset: keyof typeof presets | 'none') { } const values = presets[preset] - console.log(values) Object.keys(values).forEach((key) => (card[key as keyof Preset] = values[key as keyof Preset])) } const active = ref(-1) @@ -20,59 +29,49 @@ const active = ref(-1)