diff --git a/package.json b/package.json
index fa77db4f3f1feaeb534f3f6e7fb5d67a117fe74f..88562e550ccfdf87ad2098bd5c53c0b7e0eae517 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "pinia": "^2.0.14",
     "sortablejs": "^1.10.2",
     "vue": "^3.2.36",
+    "vue-grid-layout": "^3.0.0-beta1",
     "vue-router": "^4.0.1"
   },
   "devDependencies": {
diff --git a/plugins.d.ts b/plugins.d.ts
index 102a985457ef5cf302089b534afbc61761ca77e2..457e784f035232f353f2f93b2f2c361100fe9e18 100644
--- a/plugins.d.ts
+++ b/plugins.d.ts
@@ -1 +1,2 @@
+declare module 'vue-grid-layout';
 declare module 'js-cookie';
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
index 47c29678c642a00e2e5f505caea72fce1c5e1cdc..6abf32c14a73ef98af00920facb4448b9dab67da 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -7,11 +7,13 @@ import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css';
 import '/@/theme/index.scss'
 import mitt from 'mitt';
+import VueGridLayout from 'vue-grid-layout';
+
 
 import { locale } from 'element-plus'
 
 const app = createApp(App);
 
-app.use(pinia).use(router).use(ElementPlus, { locale }).mount('#app')
+app.use(pinia).use(router).use(ElementPlus, { locale }).use(VueGridLayout).mount('#app')
 
 app.config.globalProperties.mittBus = mitt();