From 026d643b49c6c2cee670e5c3552bf1d70c8bd0a8 Mon Sep 17 00:00:00 2001 From: mdatelle Date: Fri, 27 Sep 2024 15:35:54 -0400 Subject: [PATCH] test: add poc drawer component --- .gitignore | 3 + web/components/UserProfile.ce.vue | 3 + web/nuxt.config.ts | 13 +- web/package-lock.json | 215 +++++++++++++++++++++++++++++- web/package.json | 3 + 5 files changed, 231 insertions(+), 6 deletions(-) diff --git a/.gitignore b/.gitignore index b442b9d6c..a8505bf09 100644 --- a/.gitignore +++ b/.gitignore @@ -52,6 +52,9 @@ typings/ # Visual Studio Code workspace .vscode/sftp.json +# Jetbrains +.idea + # OSX .DS_Store diff --git a/web/components/UserProfile.ce.vue b/web/components/UserProfile.ce.vue index fa4446025..0bd6a095d 100644 --- a/web/components/UserProfile.ce.vue +++ b/web/components/UserProfile.ce.vue @@ -127,6 +127,9 @@ onBeforeMount(() => {
+ + + diff --git a/web/nuxt.config.ts b/web/nuxt.config.ts index 892d83590..9f944830b 100644 --- a/web/nuxt.config.ts +++ b/web/nuxt.config.ts @@ -1,5 +1,6 @@ import { readFileSync } from 'fs'; import { parse } from 'dotenv'; +import Aura from '@primevue/themes/aura'; const envConfig = parse(readFileSync('.env')); console.log('\n'); console.log('=============================='); @@ -50,7 +51,8 @@ export default defineNuxtConfig({ '@pinia/nuxt', '@nuxtjs/tailwindcss', 'nuxt-custom-elements', - "@nuxt/eslint" + "@nuxt/eslint", + '@primevue/nuxt-module' ], components: [ { path: '~/components/Brand', prefix: 'Brand' }, @@ -58,6 +60,7 @@ export default defineNuxtConfig({ { path: '~/components/Ui', prefix: 'Ui' }, { path: '~/components/UserProfile', prefix: 'Upc' }, { path: '~/components/UpdateOs', prefix: 'UpdateOs' }, + { path: '~/components/Notifications', prefix: 'Notifications' }, '~/components', ], // typescript: { @@ -76,6 +79,14 @@ export default defineNuxtConfig({ }, }, }, + primevue: { + /* Configuration */ + options: { + theme: { + preset: Aura + } + } + }, customElements: { entries: [ { diff --git a/web/package-lock.json b/web/package-lock.json index 1e7ed494e..6d64e344b 100644 --- a/web/package-lock.json +++ b/web/package-lock.json @@ -6,12 +6,14 @@ "packages": { "": { "name": "connect-components", + "version": "3.10.0", "hasInstallScript": true, "dependencies": { "@apollo/client": "^3.10.4", "@headlessui/vue": "^1.7.22", "@heroicons/vue": "^2.1.3", "@pinia/nuxt": "^0.5.1", + "@primevue/themes": "^4.0.7", "@vue/apollo-composable": "^4.0.2", "@vueuse/components": "^10.9.0", "@vueuse/integrations": "^10.9.0", @@ -24,6 +26,7 @@ "hex-to-rgba": "^2.0.1", "marked": "^12.0.2", "marked-base-url": "^1.1.3", + "primevue": "^4.0.7", "semver": "^7.6.2", "vue-i18n": "^9.13.1", "wretch": "^2.8.1" @@ -35,6 +38,7 @@ "@nuxt/devtools": "^1.3.1", "@nuxt/eslint": "^0.3.12", "@nuxtjs/tailwindcss": "^6.12.0", + "@primevue/nuxt-module": "^4.0.7", "@tailwindcss/typography": "^0.5.13", "@types/crypto-js": "^4.2.2", "@types/node": "^18", @@ -46,8 +50,7 @@ "nuxt": "^3.11.2", "nuxt-custom-elements": "^2.0.0-beta.18", "terser": "^5.31.0" - }, - "version": "3.10.0" + } }, "node_modules/@aashutoshrathi/word-wrap": { "version": "1.2.6", @@ -5147,6 +5150,111 @@ "integrity": "sha512-j7P6Rgr3mmtdkeDGTe0E/aYyWEWVtc5yFXtHCRHs28/jptDEWfaVOc5T7cblqy1XKPPfCxJc/8DwQ5YgLOZOVQ==", "dev": true }, + "node_modules/@primeuix/styled": { + "version": "0.0.5", + "resolved": "https://registry.npmjs.org/@primeuix/styled/-/styled-0.0.5.tgz", + "integrity": "sha512-pVoGn/uPkVm/DyF3TR3EmH/pL/dP4nR42FcYbVduFq9VfO3KVeOEqvcCULHXos66RZO9MCbCFUoLy6ctf9GUGQ==", + "license": "MIT", + "dependencies": { + "@primeuix/utils": "^0.0.5" + }, + "engines": { + "node": ">=12.11.0" + } + }, + "node_modules/@primeuix/utils": { + "version": "0.0.5", + "resolved": "https://registry.npmjs.org/@primeuix/utils/-/utils-0.0.5.tgz", + "integrity": "sha512-ntUiUgtRtkF8KuaxHffzhYxQxoXk6LAPHm7CVlFjdqS8Rx8xRkLkZVyo84E+pO2hcNFkOGVP/GxHhQ2s94O8zA==", + "license": "MIT", + "engines": { + "node": ">=12.11.0" + } + }, + "node_modules/@primevue/auto-import-resolver": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/@primevue/auto-import-resolver/-/auto-import-resolver-4.0.7.tgz", + "integrity": "sha512-wGhVhWIWH+edWqsG7ttggg7PSLv8mkCprCQ1mlkf7RFwxTK1VT6CCdZIqmH+nyEPCn3AOpwN7zuqtXpy9axqKg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@primevue/metadata": "4.0.7" + }, + "engines": { + "node": ">=12.11.0" + } + }, + "node_modules/@primevue/core": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/@primevue/core/-/core-4.0.7.tgz", + "integrity": "sha512-SvWiNBEeR6hm4wjnze+rITUjHMFLwIzpRFlq+GqmJyZmjJy4h8UUksi0EoyqAWCAwKgmwlxY6XNqGJmMVyOguQ==", + "license": "MIT", + "dependencies": { + "@primeuix/styled": "^0.0.5", + "@primeuix/utils": "^0.0.5" + }, + "engines": { + "node": ">=12.11.0" + }, + "peerDependencies": { + "vue": "^3.0.0" + } + }, + "node_modules/@primevue/icons": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/@primevue/icons/-/icons-4.0.7.tgz", + "integrity": "sha512-tj4dfRdV5iN6O0mbkpjhMsGlT3wZTqOPL779ndY5gKuCwN5zcFmKmABWVQmr/ClRivnMkw6Yr1x6gRTV/N0ydg==", + "license": "MIT", + "dependencies": { + "@primeuix/utils": "^0.0.5", + "@primevue/core": "4.0.7" + }, + "engines": { + "node": ">=12.11.0" + } + }, + "node_modules/@primevue/metadata": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/@primevue/metadata/-/metadata-4.0.7.tgz", + "integrity": "sha512-xhmmbT7euA29Td6v+iIE90z0dNI/a/8lJGzhdFhJgC0VznF3KZOz0n9SIBUdA9bQjTxpjEeCDL28ARpWtwTMrA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=12.11.0" + } + }, + "node_modules/@primevue/nuxt-module": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/@primevue/nuxt-module/-/nuxt-module-4.0.7.tgz", + "integrity": "sha512-RDV9irkfYHWD3Cv5fTrDFBHzN128LW4HgxhrhgsnUsd/hYPJOk7qNjsaMZHlOg33TD1pd+FGyYdrIkXNTNnyRg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@nuxt/kit": "^3.7.3", + "@primeuix/styled": "^0.0.5", + "@primeuix/utils": "^0.0.5", + "@primevue/auto-import-resolver": "4.0.7", + "@primevue/metadata": "4.0.7", + "pathe": "^1.1.2", + "primevue": "4.0.7", + "unplugin-vue-components": "0.27.0" + }, + "engines": { + "node": ">=12.11.0" + } + }, + "node_modules/@primevue/themes": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/@primevue/themes/-/themes-4.0.7.tgz", + "integrity": "sha512-ZbDUrpBmtuqdeegNwUaJTubaLDBBJWOc4Z6UoQM3DG2c7EAE19wQbuh+cG9zqA7sT/Xsp+ACC/Z9e4FnfqB55g==", + "license": "MIT", + "dependencies": { + "@primeuix/styled": "^0.0.5" + }, + "engines": { + "node": ">=12.11.0" + } + }, "node_modules/@repeaterjs/repeater": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/@repeaterjs/repeater/-/repeater-3.0.4.tgz", @@ -15828,6 +15936,21 @@ "renderkid": "^3.0.0" } }, + "node_modules/primevue": { + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/primevue/-/primevue-4.0.7.tgz", + "integrity": "sha512-88qazHqldkqsCxvhjnjO65XMBfJyHQoFW3BQvrJYO6RqPheHB4f7cY61eqtBpJAjnM5x+YKTZiWx/gBuUzqT7Q==", + "license": "MIT", + "dependencies": { + "@primeuix/styled": "^0.0.5", + "@primeuix/utils": "^0.0.5", + "@primevue/core": "4.0.7", + "@primevue/icons": "4.0.7" + }, + "engines": { + "node": ">=12.11.0" + } + }, "node_modules/proc-log": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-4.2.0.tgz", @@ -16355,10 +16478,11 @@ "dev": true }, "node_modules/resolve": { - "version": "1.22.4", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.4.tgz", - "integrity": "sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==", + "version": "1.22.8", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", + "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", "dev": true, + "license": "MIT", "dependencies": { "is-core-module": "^2.13.0", "path-parse": "^1.0.7", @@ -18380,6 +18504,87 @@ "node": ">=14.0.0" } }, + "node_modules/unplugin-vue-components": { + "version": "0.27.0", + "resolved": "https://registry.npmjs.org/unplugin-vue-components/-/unplugin-vue-components-0.27.0.tgz", + "integrity": "sha512-77eTEy23sQ0UpzGWnZ9I2mY3cnmXwklz4ITcn3JfxjCoX643ghImkiZ4nFm58sxbdVcc4Fo/o4LIoFnlqEqsSg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@antfu/utils": "^0.7.7", + "@rollup/pluginutils": "^5.1.0", + "chokidar": "^3.6.0", + "debug": "^4.3.4", + "fast-glob": "^3.3.2", + "local-pkg": "^0.5.0", + "magic-string": "^0.30.10", + "minimatch": "^9.0.4", + "resolve": "^1.22.8", + "unplugin": "^1.10.1" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/antfu" + }, + "peerDependencies": { + "@babel/parser": "^7.15.8", + "@nuxt/kit": "^3.2.2", + "vue": "2 || 3" + }, + "peerDependenciesMeta": { + "@babel/parser": { + "optional": true + }, + "@nuxt/kit": { + "optional": true + } + } + }, + "node_modules/unplugin-vue-components/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "license": "MIT", + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/unplugin-vue-components/node_modules/local-pkg": { + "version": "0.5.0", + "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.5.0.tgz", + "integrity": "sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==", + "dev": true, + "license": "MIT", + "dependencies": { + "mlly": "^1.4.2", + "pkg-types": "^1.0.3" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/antfu" + } + }, + "node_modules/unplugin-vue-components/node_modules/minimatch": { + "version": "9.0.5", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz", + "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==", + "dev": true, + "license": "ISC", + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/unplugin-vue-router": { "version": "0.7.0", "resolved": "https://registry.npmjs.org/unplugin-vue-router/-/unplugin-vue-router-0.7.0.tgz", diff --git a/web/package.json b/web/package.json index de9c3bfc6..79e6ded2a 100644 --- a/web/package.json +++ b/web/package.json @@ -29,6 +29,7 @@ "@nuxt/devtools": "^1.3.1", "@nuxt/eslint": "^0.3.12", "@nuxtjs/tailwindcss": "^6.12.0", + "@primevue/nuxt-module": "^4.0.7", "@tailwindcss/typography": "^0.5.13", "@types/crypto-js": "^4.2.2", "@types/node": "^18", @@ -46,6 +47,7 @@ "@headlessui/vue": "^1.7.22", "@heroicons/vue": "^2.1.3", "@pinia/nuxt": "^0.5.1", + "@primevue/themes": "^4.0.7", "@vue/apollo-composable": "^4.0.2", "@vueuse/components": "^10.9.0", "@vueuse/integrations": "^10.9.0", @@ -58,6 +60,7 @@ "hex-to-rgba": "^2.0.1", "marked": "^12.0.2", "marked-base-url": "^1.1.3", + "primevue": "^4.0.7", "semver": "^7.6.2", "vue-i18n": "^9.13.1", "wretch": "^2.8.1"