@plutocms/utils 0.2.2 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## [0.3.0](https://github.com/plutocms/utils/compare/v0.2.2...v0.3.0) (2026-10-28)
+
+
+### ⚠ BREAKING CHANGES
+
+* remove the old admin navigation composables ([#27](https://github.com/plutocms/utils/issues/27))
+
+### Features
+
+* remove the old admin navigation composables ([#27](https://github.com/plutocms/utils/issues/27)) ([7518431](https://github.com/plutocms/utils/commit/751843127212fb40568816a20fee88d25e30776f))
+
 ## [0.2.2](https://github.com/plutocms/utils/compare/v0.2.1...v0.2.2) (2026-10-16)
 
 

package/FEATURES.md

@@ -6,8 +6,6 @@ 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.
 
-- Admin navigation: composables and a component for registering and displaying admin UI
-  elements in the navbar and sidebar. @.claude/skills/admin-navigation/SKILL.md
 - Currency formatting: a utility function to format numbers as localized currency strings.
   @.claude/skills/currency-formatting/SKILL.md
 - String utilities: helpers for string transformations and parsing.

package/README.md

@@ -1,7 +1,7 @@
 # @plutocms/utils
 
-Shared utilities and composables for Pluto CMS layers.
+Shared utilities for Pluto layers.
 
-This package provides composables for admin UI navigation, utility functions for formatting and string handling, and reusable Vue components. It is designed to be extended by other Pluto CMS layers.
+This package provides utility functions for formatting and string handling. It is designed to be extended by other Pluto layers.
 
 See `FEATURES.md` for the full list of implemented features.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@plutocms/utils",
   "type": "module",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "",
   "author": "Victor Ribeiro",
   "license": "MIT",
@@ -22,7 +22,7 @@
     "postinstall": "nuxt prepare",
     "prettier": "prettier --write .",
     "lint": "eslint .",
-    "lint:fix": "eslint . --fix && prettier --write .",
+    "lint:fix": "eslint . --fix",
     "typecheck": "nuxi typecheck"
   },
   "trustedDependencies": [
@@ -36,7 +36,6 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^9.5.1",
-    "@nuxt/ui": "^4.12.0",
     "eslint": "^10.12.0",
     "nuxt": "^4.6.1",
     "prettier": "^3.9.10",

package/app/components/NavbarAdminActionButton.vue

@@ -1,92 +0,0 @@
-<script setup lang="ts">
-import type { NavbarAdminActionButtonProps } from '../../shared/types/navbar'
-
-type Props = NavbarAdminActionButtonProps
-
-const props = defineProps<Props>()
-</script>
-
-<template>
-  <li v-if="props.show" class="nav-item">
-    <NuxtLink
-      :to="props.to?.toString()"
-      :title="props.title"
-      :disabled="props.disabled"
-      :target="props.target"
-      class="nav-link"
-    >
-      <span class="nav-content">
-        <Icon v-if="props.icon" :name="props.icon" class="link-icon" />
-
-        <span class="link-label"> {{ props.label }} </span>
-      </span>
-    </NuxtLink>
-  </li>
-</template>
-
-<style scoped>
-.nav-item {
-  height: 100%;
-  list-style: none;
-}
-
-.nav-link {
-  display: block;
-  height: 100%;
-  background-color: transparent;
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-  transition-property: none;
-}
-
-.nav-content {
-  box-sizing: content-box;
-  display: flex;
-  height: 100%;
-  align-items: center;
-  gap: 0.5rem;
-  border-radius: 0.125rem;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-
-@media (max-width: 63.999rem) {
-  .nav-content {
-    box-sizing: border-box;
-    min-width: 2.75rem;
-    justify-content: center;
-    padding-left: 0.625rem;
-    padding-right: 0.625rem;
-  }
-
-  .link-label {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-}
-
-.nav-link:hover .nav-content {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-.dark .nav-link:hover .nav-content {
-  background-color: rgba(255, 255, 255, 0.2);
-}
-
-.link-icon {
-  flex-shrink: 0;
-}
-
-.link-label {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-</style>

package/app/composables/navbar-admin-actions.ts

@@ -1,12 +0,0 @@
-const actions = ref<Component[]>([])
-
-export function useNavbarAdminActions() {
-  const addAction = (action: Component) => {
-    actions.value.push(action)
-  }
-
-  return {
-    actions,
-    addAction,
-  }
-}

package/app/composables/navbar-admin.ts

@@ -1,12 +0,0 @@
-const navbar = shallowRef<Component | null>(null)
-
-export function useNavbarAdmin() {
-  const registerNavbar = (component: Component) => {
-    navbar.value = markRaw(component)
-  }
-
-  return {
-    navbar,
-    registerNavbar,
-  }
-}

package/app/composables/sidebar-admin-actions.ts

@@ -1,17 +0,0 @@
-import type { NavigationMenuItem } from '@nuxt/ui'
-
-const actions = shallowRef<NavigationMenuItem[]>([])
-
-export function useSidebarAdminActions() {
-  const addAction = (action: NavigationMenuItem[]) => {
-    const existingLabels = new Set(actions.value.map((a) => a.label))
-    const newActions = action.filter((a) => !existingLabels.has(a.label))
-
-    actions.value = [...actions.value, ...newActions]
-  }
-
-  return {
-    actions,
-    addAction,
-  }
-}

package/shared/types/navbar.ts

@@ -1,9 +0,0 @@
-export interface NavbarAdminActionButtonProps {
-  label: string
-  icon: string | undefined
-  to: string | null | undefined
-  show?: boolean
-  title?: string
-  disabled?: boolean
-  target?: '_blank' | '_self' | '_parent' | '_top'
-}