- initial

front/app.vue

@@ -16,11 +16,23 @@ import '~/assets/styles/variables.css'
 import AppLoading from '~/components/ui-kit/app-loading.vue'
 import profile from '~/models/Profile.js'
 import { setDefaultOptions } from 'date-fns'
+import { useMagicKeys } from '@vueuse/core'
+import { snapdom } from '@zumer/snapdom'
 
 let dataStore = useDataStore()
 let profileStore = useProfileStore()
 let appStore = useAppStore()
 
+const keys = useMagicKeys()
+const shiftCtrlA = keys['A+B']
+watch(shiftCtrlA, async (value) => {
+  if (value) {
+    const el = document.querySelector('body');
+    const result = await snapdom(el);
+    await result.download({ format: 'svg', filename: 'my-capture' });
+  }
+})
+
 const theme = computed(() => (profileStore.darkTheme ? 'dark' : 'white'))
 const pwaColor = computed(() => (profileStore.darkTheme ? '#1c1c1e' : '#ffffff'))
 useHead({

front/package.json

@@ -22,6 +22,7 @@
     "@nuxtjs/device": "^3.2.4",
     "@nuxtjs/i18n": "^10.0.3",
     "@vant/nuxt": "^1.0.7",
+    "@zumer/snapdom": "^1.9.7",
     "@vite-pwa/nuxt": "^1.0.4",
     "eslint-config-prettier": "^10.1.8",
     "nuxt": "^4.0.3",