From e0abc98b19437ad320947f4e97a36f32c9d919d1 Mon Sep 17 00:00:00 2001 From: Benny Samir Hierl Date: Mon, 7 Feb 2022 20:14:55 +0100 Subject: [PATCH] feature: dark-mode --- index.html | 5 +- package-lock.json | 98 ++++++++++++++++++++++++++ package.json | 1 + src/App.vue | 58 ++++++++------- src/components/BaseButton.vue | 2 +- src/components/Header.vue | 15 ++++ src/components/Tile.vue | 2 +- src/components/WishlistItem.vue | 4 +- src/components/icons/IconLightDark.vue | 8 +++ src/components/icons/index.ts | 2 + src/views/DetailView.vue | 4 +- src/views/HomeView.vue | 10 ++- tailwind.config.js | 1 + 13 files changed, 170 insertions(+), 40 deletions(-) create mode 100644 src/components/Header.vue create mode 100644 src/components/icons/IconLightDark.vue diff --git a/index.html b/index.html index f05e3fb..d7a8b6c 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,10 @@ Wunschlisten -
+
diff --git a/package-lock.json b/package-lock.json index 3b5d796..78d1c88 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,6 +9,7 @@ "dependencies": { "@prisma/client": "^3.8.1", "@tailwindcss/line-clamp": "^0.3.1", + "@vueuse/core": "^7.5.5", "axios": "^0.25.0", "fastify": "^3.27.0", "fastify-compress": "^4.0.1", @@ -991,6 +992,78 @@ "vue": "^3.0.1" } }, + "node_modules/@vueuse/core": { + "version": "7.5.5", + "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-7.5.5.tgz", + "integrity": "sha512-RBDqmIoGfak4h3xdXa/Av+ibkb8NY044wEy6+PG2FAWNaID8/FkqmSFjbxogrbmpSX1yZ1PBHrM8DUp/FrIpbg==", + "dependencies": { + "@vueuse/shared": "7.5.5", + "vue-demi": "*" + }, + "funding": { + "url": "https://github.com/sponsors/antfu" + }, + "peerDependencies": { + "@vue/composition-api": "^1.1.0", + "vue": "^2.6.0 || ^3.2.0" + }, + "peerDependenciesMeta": { + "@vue/composition-api": { + "optional": true + }, + "vue": { + "optional": true + } + } + }, + "node_modules/@vueuse/core/node_modules/@vueuse/shared": { + "version": "7.5.5", + "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-7.5.5.tgz", + "integrity": "sha512-mzzTsotHQRPnPAChy8iCv6ek/90CKYhAFyMRgNsMxpT0afZJkbMO/X0OaOu/1NuGbgb8UVjlsWKmCUgKTOF5hA==", + "dependencies": { + "vue-demi": "*" + }, + "funding": { + "url": "https://github.com/sponsors/antfu" + }, + "peerDependencies": { + "@vue/composition-api": "^1.1.0", + "vue": "^2.6.0 || ^3.2.0" + }, + "peerDependenciesMeta": { + "@vue/composition-api": { + "optional": true + }, + "vue": { + "optional": true + } + } + }, + "node_modules/@vueuse/core/node_modules/vue-demi": { + "version": "0.12.1", + "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.12.1.tgz", + "integrity": "sha512-QL3ny+wX8c6Xm1/EZylbgzdoDolye+VpCXRhI2hug9dJTP3OUJ3lmiKN3CsVV3mOJKwFi0nsstbgob0vG7aoIw==", + "hasInstallScript": true, + "bin": { + "vue-demi-fix": "bin/vue-demi-fix.js", + "vue-demi-switch": "bin/vue-demi-switch.js" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/antfu" + }, + "peerDependencies": { + "@vue/composition-api": "^1.0.0-rc.1", + "vue": "^3.0.0-0 || ^2.6.0" + }, + "peerDependenciesMeta": { + "@vue/composition-api": { + "optional": true + } + } + }, "node_modules/abab": { "version": "2.0.5", "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.5.tgz", @@ -8029,6 +8102,31 @@ "dev": true, "requires": {} }, + "@vueuse/core": { + "version": "7.5.5", + "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-7.5.5.tgz", + "integrity": "sha512-RBDqmIoGfak4h3xdXa/Av+ibkb8NY044wEy6+PG2FAWNaID8/FkqmSFjbxogrbmpSX1yZ1PBHrM8DUp/FrIpbg==", + "requires": { + "@vueuse/shared": "7.5.5", + "vue-demi": "*" + }, + "dependencies": { + "@vueuse/shared": { + "version": "7.5.5", + "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-7.5.5.tgz", + "integrity": "sha512-mzzTsotHQRPnPAChy8iCv6ek/90CKYhAFyMRgNsMxpT0afZJkbMO/X0OaOu/1NuGbgb8UVjlsWKmCUgKTOF5hA==", + "requires": { + "vue-demi": "*" + } + }, + "vue-demi": { + "version": "0.12.1", + "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.12.1.tgz", + "integrity": "sha512-QL3ny+wX8c6Xm1/EZylbgzdoDolye+VpCXRhI2hug9dJTP3OUJ3lmiKN3CsVV3mOJKwFi0nsstbgob0vG7aoIw==", + "requires": {} + } + } + }, "abab": { "version": "2.0.5", "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.5.tgz", diff --git a/package.json b/package.json index 3820d0c..c37f671 100644 --- a/package.json +++ b/package.json @@ -20,6 +20,7 @@ "dependencies": { "@prisma/client": "^3.8.1", "@tailwindcss/line-clamp": "^0.3.1", + "@vueuse/core": "^7.5.5", "axios": "^0.25.0", "fastify": "^3.27.0", "fastify-compress": "^4.0.1", diff --git a/src/App.vue b/src/App.vue index 7254361..bfce685 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,34 +1,38 @@