grid print done

package.json

@@ -42,7 +42,7 @@
     "@firebase/messaging": "^0.10.0",
     "@headlessui/vue": "^1.6.7",
     "@heroicons/vue": "^1.0.6",
-    "@lambda-platform/lambda-vue": "3.1.20",
+    "@lambda-platform/lambda-vue": "3.1.29",
     "@nuxt/postcss8": "^1.1.3",
     "@turf/turf": "^6.5.0",
     "@vue/apollo-option": "^4.0.0-alpha.17",
@@ -69,6 +69,7 @@
     "numeral": "^2.0.6",
     "portal-vue": "^3.0.0-beta.0",
     "postcss": "^8.4.14",
+    "printd": "^1.6.0",
     "swiper": "^8.1.5",
     "tailwindcss": "^3.1.7",
     "tinycolor2": "^1.6.0",
@@ -77,6 +78,7 @@
     "vue-i18n": "^9.2.2",
     "vue-inline-svg": "^3.1.0",
     "vue-social-sharing": "^4.0.0-alpha4",
+    "vue3-shortkey": "^4.0.0",
     "vuex": "^4.0.2",
     "wkx": "^0.5.0"
   },

src/assets/styles/layout/header.scss

@@ -45,12 +45,12 @@
     }
   }
 
-  .action{
+  .action {
     .avatar {
       display: inline-block;
     }
   }
-  .top-nav-header-index{
+  .top-nav-header-index {
     .action {
       .avatar {
         margin: 0 7px;

src/plugins/main.ts

@@ -42,8 +42,7 @@ import { defineNuxtPlugin } from "#app";
 import { initInlineSvg } from "./core/inline-svg";
 import { initFilters } from "./core/filters";
 import { initAxios } from "./core/axios";
-
-
+import * as short from "vue3-shortkey/src/index.js"
 declare interface AppState {
   theme?: string;
   darkTheme?: boolean;
@@ -96,6 +95,7 @@ export default defineNuxtPlugin(async ({ vueApp: app }) => {
   installNotification(app)
   //
   //
+  short.install(app)
 
   app.use(store);