diff --git a/pages/.vitepress/plugins/vuetify.ts b/pages/.vitepress/plugins/vuetify.ts
new file mode 100644
index 00000000..66c0c6bd
--- /dev/null
+++ b/pages/.vitepress/plugins/vuetify.ts
@@ -0,0 +1,10 @@
+import { createVuetify } from 'vuetify'
+import * as components from 'vuetify/components'
+import * as directives from 'vuetify/directives'
+
+export const vuetify = createVuetify({
+    components,
+    directives,
+})
+
+export default vuetify
diff --git a/pages/.vitepress/theme/index.ts b/pages/.vitepress/theme/index.ts
index 3adfc64e..31ffd144 100644
--- a/pages/.vitepress/theme/index.ts
+++ b/pages/.vitepress/theme/index.ts
@@ -14,20 +14,15 @@ import { VPButton } from 'vitepress/theme';
 import './custom.css';
 import './common.css';
 
-import '@mdi/font/css/materialdesignicons.css'
+import '@mdi/font/css/materialdesignicons.css';
 
-import 'vuetify/styles'
-import { createVuetify } from 'vuetify'
-import * as components from 'vuetify/components'
-import * as directives from 'vuetify/directives'
+import 'vuetify/styles';
+
+import { vuetify } from '../plugins/vuetify';
 
 export default {
   extends: DefaultTheme,
   enhanceApp(context: EnhanceAppContext) {
-    const vuetify = createVuetify({
-      components,
-      directives,
-    })
     context.app.use(vuetify)
 
     // context.app.component('GreyBlock', GreyBlock);