Format

docs/.vuepress/theme/layouts/StudioSdkBannerSidebar.vue

@@ -1,22 +1,23 @@
 <template>
   <a class="banner-sdk-sidebar" :href="getSdkDocsLink()">
     <h2 class="banner-sdk-sidebar__title">Supercharge Your GrapesJS Development 🚀</h2>
-    <img class="banner-sdk-sidebar__image" :src="$withBase('/studio-banner.jpg')" alt="Studio SDK">
+    <img class="banner-sdk-sidebar__image" :src="$withBase('/studio-banner.jpg')" alt="Studio SDK" />
     <p class="banner-sdk-sidebar__content">
-       Studio SDK is the next-level visual builder with advanced features, custom plugins, and seamless integration. Save time and build faster!
+      Studio SDK is the next-level visual builder with advanced features, custom plugins, and seamless integration. Save
+      time and build faster!
     </p>
   </a>
 </template>
 
 <script>
-import {  getSdkDocsLink } from './utils';
+import { getSdkDocsLink } from './utils';
 
 export default {
   methods: {
     getSdkDocsLink() {
       return getSdkDocsLink('sidebar');
-    }
-  }
+    },
+  },
 };
 </script>
 

docs/.vuepress/theme/layouts/utils.js

@@ -1,7 +1,7 @@
 export const getSdkUtmParams = (medium = '') => {
-    return `utm_source=grapesjs-docs&utm_medium=${medium}`;
-}
+  return `utm_source=grapesjs-docs&utm_medium=${medium}`;
+};
 
 export const getSdkDocsLink = (medium = '') => {
-    return `https://app.grapesjs.com/docs-sdk/overview/getting-started?${getSdkUtmParams(medium)}`;
-}
+  return `https://app.grapesjs.com/docs-sdk/overview/getting-started?${getSdkUtmParams(medium)}`;
+};