feat: page qrcode (#53)

* feat: page qrcode * fix lint --------- Co-authored-by: Esurio <[email protected]>
1673beta · Jun 30, 2024 · c741187 · c741187
1 parent 789fb04
commit c741187
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 4 deletions.
diff --git a/packages/frontend/src/components/MkQrcode.vue b/packages/frontend/src/components/MkQrcode.vue
@@ -4,7 +4,7 @@
 		<div :class="$style.title">
 			<QRCodeVue3
 				:value="qrCode"
-				:qrOptions="{  errorCorrectionLevel: 'H' }"
+				:qrOptions="{ errorCorrectionLevel: 'H' }"
 				:cornersSquareOptions="{ type: 'extra-rounded' }"
 				:cornersDotOptions="{ type: 'square' }"
 				:dotsOptions="{

diff --git a/packages/frontend/src/os.ts b/packages/frontend/src/os.ts
@@ -706,7 +706,7 @@ export async function displayQrCode(qrCode: string) {
 						resolve(dispose);
 					},
 				},
-			).then((res) =>{
+			).then((res) => {
 				dispose = res.dispose;
 			});
 		})

diff --git a/packages/frontend/src/pages/follow-me.vue b/packages/frontend/src/pages/follow-me.vue
@@ -54,7 +54,7 @@ if (!remoteAccountId.result) {
 			const subscribeUri = data.links.find(
 				(link: { rel: string }) => link.rel === "http://ostatus.org/schema/1.0/subscribe",
 		).template;
-		window.location.href = subscribeUri.replace("{uri}", accountUri.includes("@") ? accountUri: `${accountUri}@${hostRaw}`,);
+		window.location.href = subscribeUri.replace("{uri}", accountUri.includes("@") ? accountUri : `${accountUri}@${hostRaw}`,);
 		})
 		.catch((_) => {
 			window.location.href = `/@${accountUri}`;

diff --git a/packages/frontend/src/pages/gallery/post.vue b/packages/frontend/src/pages/gallery/post.vue
@@ -128,7 +128,7 @@ function shareWithNote() {
 }
 
 function shareQrCode() {
-	os.displayQrCode(`${url}/gallery/${post.value.id}`)
+	os.displayQrCode(`${url}/gallery/${post.value.id}`);
 }
 
 function like() {

diff --git a/packages/frontend/src/pages/page.vue b/packages/frontend/src/pages/page.vue
@@ -63,6 +63,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 						</div>
 						<div :class="$style.other">
 							<button v-tooltip="i18n.ts.copyLink" class="_button" :class="$style.generalActionButton" @click="copyLink"><i class="ti ti-link ti-fw"></i></button>
+							<button v-tooltip="i18n.ts.getQrCode" class="_button" :class="$style.generalActionButton" @click="shareQrCode"><i class="ti ti-qrcode ti-fw"></i></button>
 							<button v-tooltip="i18n.ts.share" class="_button" :class="$style.generalActionButton" @click="share"><i class="ti ti-share ti-fw"></i></button>
 						</div>
 					</div>
@@ -188,6 +189,12 @@ function copyLink() {
 	os.success();
 }
 
+function shareQrCode() {
+	if (!page.value) return;
+
+	os.displayQrCode(`${url}/@${page.value.user.username}/pages/${page.value.name}`);
+}
+
 function shareWithNote() {
 	if (!page.value) return;