Nc chore/slow dev (#8616)

* chore: disable devtools to avoid slow dev setup

* fix: make baseId optional since it will pick the active base if missing

* fix: wrap menuItem with a div to support using directive

* fix: bind attributes to menu-item component

* fix: avoid inheriting attributes on root elements

---------

Co-authored-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui/components/nc/MenuItem.vue

@@ -1,9 +1,17 @@
+<script>
+export default {
+  inheritAttrs: false,
+}
+</script>
+
 <template>
-  <a-menu-item class="nc-menu-item">
+  <div class="w-full">
-    <div class="nc-menu-item-inner">
+    <a-menu-item v-bind="$attrs" class="nc-menu-item">
-      <slot />
+      <div class="nc-menu-item-inner">
-    </div>
+        <slot />
-  </a-menu-item>
+      </div>
+    </a-menu-item>
+  </div>
 </template>
 
 <style lang="scss">

packages/nc-gui/components/project/View.vue

@@ -3,7 +3,7 @@ import { useTitle } from '@vueuse/core'
 import NcLayout from '~icons/nc-icons/layout'
 
 const props = defineProps<{
-  baseId: string
+  baseId?: string
 }>()
 
 const basesStore = useBases()

packages/nc-gui/nuxt.config.ts

@@ -121,6 +121,9 @@ export default defineNuxtConfig({
 
   build: {},
 
+  // disabling devtools since causing some significant performance issues when browser console open in development mode
+  devtools: { enabled: false },
+
   vite: {
     worker: {
       format: 'es',