{{ t('qrCodeDescription') }}
+diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 5926739..72c10ef 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -19,6 +19,7 @@ "i18n": "^0.15.1", "jwt-decode": "^4.0.0", "pinia": "^2.1.7", + "qrcode.vue": "^3.6.0", "uuid": "^10.0.0", "vue": "^3.4.15", "vue-advanced-cropper": "^2.8.9", @@ -4373,6 +4374,15 @@ "node": ">=6" } }, + "node_modules/qrcode.vue": { + "version": "3.6.0", + "resolved": "https://registry.npmjs.org/qrcode.vue/-/qrcode.vue-3.6.0.tgz", + "integrity": "sha512-vQcl2fyHYHMjDO1GguCldJxepq2izQjBkDEEu9NENgfVKP6mv/e2SU62WbqYHGwTgWXLhxZ1NCD1dAZKHQq1fg==", + "license": "MIT", + "peerDependencies": { + "vue": "^3.0.0" + } + }, "node_modules/qs": { "version": "6.14.0", "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz", diff --git a/frontend/package.json b/frontend/package.json index d7419b2..eea7f4c 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -20,6 +20,7 @@ "i18n": "^0.15.1", "jwt-decode": "^4.0.0", "pinia": "^2.1.7", + "qrcode.vue": "^3.6.0", "uuid": "^10.0.0", "vue": "^3.4.15", "vue-advanced-cropper": "^2.8.9", diff --git a/frontend/src/views/profile/ProfilePage.vue b/frontend/src/views/profile/ProfilePage.vue index a6e8098..bf8579c 100644 --- a/frontend/src/views/profile/ProfilePage.vue +++ b/frontend/src/views/profile/ProfilePage.vue @@ -19,9 +19,12 @@ import Tiktok from "@/views/svg/Tiktok.vue"; import Instagram from "@/views/svg/Instagram.vue"; import Facebook from "@/views/svg/Facebook.vue"; import {useI18n} from 'vue-i18n'; +import QRCodeVue from 'qrcode.vue'; const {t} = useI18n(); const userProfileStore = useUserProfileStore() +const creatorProfileStore = useCreatorProfileStore(); +const baseURL = window.location.origin; // ### Fullname const dialogEditFullnameShown = ref(false) @@ -71,8 +74,6 @@ function handleSaveEditEmail(firstname, lastname) { dialogEditEmailShown.value = false } -const creatorProfileStore = useCreatorProfileStore(); - const dialogShown = ref(false); const currentComponent = ref(''); const restoreDialogShown = ref(false); @@ -270,6 +271,25 @@ function handleDelete() { +
{{ t('qrCodeDescription') }}
+