@plutocms/pluto 0.3.0 → 0.3.2

package/CHANGELOG.md

@@ -1,6 +1,20 @@
 # Changelog
 
 
+## [0.3.2](https://github.com/plutocms/pluto/compare/v0.3.1...v0.3.2) (2026-09-10)
+
+
+### Bug Fixes
+
+* move icon sets from devDependencies to dependencies ([9ed15ac](https://github.com/plutocms/pluto/commit/9ed15ac5d789e72918dc644325b3dc64fe7cc663))
+
+## [0.3.1](https://github.com/plutocms/pluto/compare/v0.3.0...v0.3.1) (2026-09-09)
+
+
+### Bug Fixes
+
+* **navbar:** render registered admin navbar ([#121](https://github.com/plutocms/pluto/issues/121)) ([0fa66dd](https://github.com/plutocms/pluto/commit/0fa66dde70acc7e8f8fb2a5685d9971ae0eba303))
+
 ## [0.3.0](https://github.com/plutocms/pluto/compare/v0.2.1...v0.3.0) (2026-09-09)
 
 

package/FEATURES.md

@@ -0,0 +1,7 @@
+# Features
+
+This file lists every implemented feature of this project. Each entry links to a skill file
+with full detail, so this file stays short.
+
+See the workspace-level `CLAUDE.md` (one directory up) for the delegation, writing, and git
+policies shared by every project here.

package/README.md

@@ -63,12 +63,16 @@ Pluto CMS is built around **layers**, each responsible for a specific concern.
 
 The core layer provides the foundation for your CMS:
 
-- `<PlutoRoot>`: Wraps your entire app (used in `app.vue`). Includes `NuxtLayout`, `NuxtLoadingIndicator`, and base styles.
+- `<PlutoRoot>`: Wraps your entire app (used in `app.vue`). Includes the registered admin navbar, `NuxtLayout`, `NuxtLoadingIndicator`, and base styles.
 - `<ColorModeButton>`: Light/dark mode toggle with zero configuration.
 - Built-in auth and admin layouts
 - `<PlutoNavbarAdmin>` and `<PlutoNavbarAdminActions>`
   Provide structure for injecting actions from other layers
 
+Backend layers can provide the complete admin navbar with
+`useNavbarAdmin().registerNavbar(component)`. Feature layers can append controls
+with `useNavbarAdminActions().addAction(component)`.
+
 ### Backend layers
 
 Backend layers handle data, authentication, and APIs.

package/app/assets/css/tailwind.css

@@ -2,11 +2,10 @@
 @import '@nuxt/ui';
 
 @source '../..';
-@source '../../../../../app/**';
 
 @theme {
-  --color-admin-content: var(--color-slate-800);
-  --color-admin-sidebar: var(--color-slate-900);
+  --color-admin-content: var(--color-zinc-800);
+  --color-admin-sidebar: var(--color-zinc-900);
 
   --font-outfit: 'Outfit', sans-serif;
 }

package/app/components/Pluto/PlutoRoot.vue

@@ -1,14 +1,20 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+const { navbar } = useNavbarAdmin()
+</script>
 
 <template>
-  <div class="grow">
-    <UApp>
+  <div class="flex min-h-0 min-w-0 w-full grow flex-col">
+    <UApp class="flex min-h-0 min-w-0 w-full grow flex-col">
       <NuxtRouteAnnouncer />
       <NuxtLoadingIndicator />
 
-      <NuxtLayout>
-        <slot />
-      </NuxtLayout>
+      <component :is="navbar" v-if="navbar" />
+
+      <div class="min-h-0 min-w-0 w-full grow">
+        <NuxtLayout>
+          <slot />
+        </NuxtLayout>
+      </div>
     </UApp>
   </div>
 </template>

package/app/layouts/admin.vue

@@ -36,10 +36,8 @@ watch(
 
 <template>
   <div
-    class="dark:bg-admin-content light:bg-white font-outfit flex h-dvh min-h-0 grow flex-col overflow-hidden"
+    class="dark:bg-admin-content light:bg-white font-outfit flex h-full min-h-0 grow flex-col overflow-hidden"
   >
-    <NavbarAdmin />
-
     <div class="relative flex min-h-0 flex-1 items-stretch">
       <Transition name="sidebar-fade">
         <button

package/nuxt.config.ts

@@ -1,5 +1,3 @@
-import tailwindcss from '@tailwindcss/vite'
-
 const websiteName = process.env.WEBSITE_NAME || 'Untitled'
 
 // Point PLUTO_UTILS_PATH at a local checkout (e.g. `../utils`) to test
@@ -67,10 +65,6 @@ export default defineNuxtConfig({
 
   compatibilityDate: '2025-08-15',
 
-  vite: {
-    plugins: [tailwindcss()],
-  },
-
   typescript: {
     includeWorkspace: true,
     typeCheck: false,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@plutocms/pluto",
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "The layerable CMS",
   "author": "Victor Ribeiro",
   "license": "MIT",
@@ -42,13 +42,13 @@
     "vue-demi"
   ],
   "dependencies": {
-    "@plutocms/utils": "^0.2.0",
+    "@iconify-json/lucide": "^1.2.116",
+    "@iconify-json/simple-icons": "^1.2.89",
+    "@plutocms/utils": "^0.2.1",
     "@vueuse/nuxt": "^14.3.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^9.1.0",
-    "@iconify-json/lucide": "^1.2.116",
-    "@iconify-json/simple-icons": "^1.2.89",
     "@nuxt/eslint": "^1.16.0",
     "@nuxt/ui": "^4.9.0",
     "@tailwindcss/vite": "^4.2.1",