fix: working plugin doc from json-schema

components/docs/NavSideBar.vue

@@ -45,22 +45,13 @@
 <script setup>
   import Magnify from "vue-material-design-icons/Magnify.vue"
   import Keyboard from "vue-material-design-icons/Keyboard.vue"
-
+  import Menu from "vue-material-design-icons/Menu.vue"
+  import RecursiveNavSidebar from "./RecursiveNavSidebar.vue";
 </script>
 
 <script>
-    import ChevronDown from "vue-material-design-icons/ChevronDown.vue"
-    import ChevronUp from "vue-material-design-icons/ChevronUp.vue"
-    import Menu from "vue-material-design-icons/Menu.vue"
-    import RecursiveNavSidebar from "./RecursiveNavSidebar.vue";
 
     export default defineComponent({
-        components: {
-            RecursiveNavSidebar,
-            ChevronDown,
-            ChevronUp,
-            Menu
-        },
         props: {
             type: {
                 type: String,

components/home/Header.vue

@@ -31,9 +31,6 @@
 
         <div class="companies-background overflow-x-hidden">
             <Companies class="mt-4 mb-4 pb-4 companies container" />
-
-
-
         </div>
     </div>
     <div

components/layout/Header.vue

@@ -384,41 +384,30 @@ import Flash from "vue-material-design-icons/Flash.vue"
 import Domain from "vue-material-design-icons/Domain.vue"
 import CalendarOutline from "vue-material-design-icons/CalendarOutline.vue"
 import CodeNotEqualVariant from "vue-material-design-icons/CodeNotEqualVariant.vue"
-import ArrowRight from "vue-material-design-icons/ArrowRight.vue";
 import Cogs from "vue-material-design-icons/Cogs.vue"
 import AccountGroupOutline from "vue-material-design-icons/AccountGroupOutline.vue"
 import Slack from "vue-material-design-icons/Slack.vue"
 import Reload from "vue-material-design-icons/Reload.vue"
-import Ballot from "vue-material-design-icons/Ballot.vue"
 import AxisArrow from "vue-material-design-icons/AxisArrow.vue"
-import ChartDonut from "vue-material-design-icons/ChartDonut.vue"
 import BookOpenVariant from "vue-material-design-icons/BookOpenVariant.vue"
 import Sync from "vue-material-design-icons/Sync.vue"
-import BasketOutline from "vue-material-design-icons/BasketOutline.vue"
-import BankOutline from "vue-material-design-icons/BankOutline.vue"
-import PillMultiple from "vue-material-design-icons/PillMultiple.vue"
 import Translate from "vue-material-design-icons/Translate.vue"
 import Earth from "vue-material-design-icons/Earth.vue"
-</script>
-
-<script>
 import ChevronDown from "vue-material-design-icons/ChevronDown.vue";
 import ChevronRight from "vue-material-design-icons/ChevronRight.vue";
 import GithubButton from "../layout/GithubButton.vue";
+</script>
 
+<script>
 export default {
-    components: {
-        ChevronDown,
-        GithubButton
-    },
     data() {
         return {
             transparentHeader: false,
             transparentClass: false,
             isOpen: false,
+            collapse: undefined
         }
     },
-    collapse: undefined,
     created() {
         const route = useRoute();
         this.transparentHeader = route.meta.transparentHeader === true;

middleware/route-lower-case.global.js

@@ -4,7 +4,7 @@ export default defineNuxtRouteMiddleware((to, from) => {
         return navigateTo(to.fullPath.replace(to.path, to.path.toLocaleLowerCase()), {redirectCode: 301})
     }
 
-    if (to.path !== "/" && to.path.endsWith("/")) {
+    if (!process.dev && to.path !== "/" && to.path.endsWith("/")) {
         return navigateTo(to.path.substring(0, to.path.length - 1), {redirectCode: 301});
     }
 })

nuxt.config.ts

@@ -183,7 +183,7 @@ export default defineNuxtConfig({
     },
 
     build: {
-        transpile: ['vue3-count-to'],
+        transpile: ['vue3-count-to', '@kestra-io/ui-libs'],
         extractCSS: true
     },