@finema/finework-layer 0.0.17 → 0.1.2

package/.playground/app/pages/layout-admin.vue

@@ -1,13 +1,7 @@
 <template>
-  <LayoutAdmin
-    label="Test Layout"
-    :sidebar-items="sidebarItems"
-    :is-sidebar-group="true"
-  >
-    <p>
-      dasdasd
-    </p>
-  </LayoutAdmin>
+  <LayoutUser>
+    <p>dasdasd</p>
+  </LayoutUser>
 </template>
 
 <script lang="ts" setup>
@@ -39,7 +33,8 @@ auth.me.set({
   position: 'Technical Specialist',
   team_code: 'DEV',
   company: 'finema',
-  avatar_url: 'https://avatars.slack-edge.com/2023-09-25/5968557597936_c750902e3ffc4f690d80_512.jpg',
+  avatar_url:
+    'https://avatars.slack-edge.com/2023-09-25/5968557597936_c750902e3ffc4f690d80_512.jpg',
   slack_id: 'U0147KLKKH8',
   azure_id: 'fd7fbb55-a249-4b79-b439-2270981bd3ae',
   is_active: true,

package/CHANGELOG.md

@@ -1,6 +1,17 @@
 # Changelog
 
-## [0.0.17](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.16...0.0.17) (2025-10-14)
+## [0.1.2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.1...0.1.2) (2025-10-14)
+
+### Features
+
+* layout user ([6bf83a1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/6bf83a15db0747323e6fd02555eab0b0c4e3e64e))
+
+## [0.1.1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.16...0.1.1) (2025-10-14)
+
+### Bug Fixes
+
+* lint version ([0b2ef1f](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0b2ef1f822b8db97be7fd55a24be42f0fc65357d))
+* version ([742da07](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/742da076e250a965d1a2684430d522d3e901c3b6))
 
 ## [0.0.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.15...0.0.16) (2025-10-14)
 

package/app/components/Layout/Admin/Sidebar.vue

@@ -1,15 +1,20 @@
 <template>
   <aside
-    :class="[`
+    :class="[
+      `
       flex h-full flex-col overflow-y-auto bg-white
       transition-all duration-300
-    `]"
+    `,
+    ]"
   >
     <div
-      :class="['flex h-[72px] items-center max-sm:pr-5', {
-        'justify-center': isCollapsed,
-        'w-[260px] justify-between pl-5': !isCollapsed,
-      }]"
+      :class="[
+        'flex h-[72px] items-center max-sm:pr-5',
+        {
+          'justify-center': isCollapsed,
+          'w-[260px] justify-between pl-5': !isCollapsed,
+        },
+      ]"
     >
       <NuxtLink :to="routes.home.to">
         <img
@@ -22,8 +27,10 @@
 
       <Navbar />
     </div>
-    <div class="bg-primary flex items-center justify-between px-7 py-4 font-bold text-white">
-      {{ isCollapsed ? '' : label }}
+    <div
+      class="bg-primary flex items-center justify-between px-7 py-4 font-bold text-white"
+    >
+      {{ isCollapsed ? "" : label }}
 
       <Icon
         v-if="!isCollapsed"
@@ -40,15 +47,8 @@
     </div>
 
     <div class="flex-1 overflow-y-auto border-r border-gray-200 p-4">
-      <div
-        v-if="isGroup"
-        class="space-y-4 divide-y-1 divide-[#d9d9d9]"
-      >
-        <div
-          v-for="group in navigationItems"
-          :key="group.label"
-          class="pb-4"
-        >
+      <div v-if="isGroup" class="space-y-4 divide-y-1 divide-[#d9d9d9]">
+        <div v-for="group in navigationItems" :key="group.label" class="pb-4">
           <div class="mt-2 mb-2 text-[10px] font-semibold text-gray-400">
             {{ group.label }}
           </div>
@@ -69,8 +69,10 @@
                 'hover:text-primary',
                 'data-active:before:bg-white data-active:before:rounded-lg data-active:text-primary font-semibold',
               ],
-              linkLeadingIcon: 'group-data-[state=open]:text-current text-current size-[24px] group-hover:text-primary',
-              childList: 'border-none ms-0 pl-8 bg-gray-100 mt-2 py-1 rounded-lg',
+              linkLeadingIcon:
+                'group-data-[state=open]:text-current text-current size-[24px] group-hover:text-primary',
+              childList:
+                'border-none ms-0 pl-8 bg-gray-100 mt-2 py-1 rounded-lg',
               childLink: 'ps-0',
               childItem: 'ps-0',
             }"
@@ -96,7 +98,8 @@
             'hover:text-primary',
             'data-active:before:bg-white data-active:before:rounded-lg data-active:text-primary font-semibold',
           ],
-          linkLeadingIcon: 'group-data-[state=open]:text-current text-current size-[24px] group-hover:text-primary ',
+          linkLeadingIcon:
+            'group-data-[state=open]:text-current text-current size-[24px] group-hover:text-primary ',
           childList: 'border-none ms-0 pl-8 bg-gray-100 mt-2 py-1 rounded-lg',
           childLink: 'ps-0',
           childItem: 'ps-0',
@@ -104,10 +107,7 @@
         class="w-full justify-center"
       />
     </div>
-    <div
-      v-if="isMobile"
-      class="border-t border-gray-100 p-3"
-    >
+    <div v-if="isMobile" class="border-t border-gray-100 p-3">
       <div class="flex items-center justify-between gap-2">
         <div class="flex min-w-0 flex-1 items-center gap-3">
           <Avatar
@@ -120,7 +120,7 @@
               {{ auth.me.value?.display_name || auth.me.value?.full_name }}
             </p>
             <p class="text-muted truncate text-xs">
-              {{ auth.me.value?.email || '' }}
+              {{ auth.me.value?.email || "" }}
             </p>
           </div>
         </div>
@@ -149,7 +149,7 @@ import type { NavigationMenuItem } from '@nuxt/ui'
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
 import type { Permission, UserModule } from '#imports'
-import Navbar from './Apps.vue'
+import Navbar from '../Apps.vue'
 
 defineEmits<{
   'toggle-collapsed': []
@@ -166,7 +166,6 @@ const props = defineProps<{
 const route = useRoute()
 const auth = useAuth()
 const userMenuItems = [
-
   {
     label: 'View profile',
     icon: 'i-lucide-user',
@@ -193,13 +192,16 @@ const mappedItems = (items: NavigationMenuItem[]): NavigationMenuItem[] => {
 
       return {
         active: isChildCurrentlyActive,
-        class: 'hover:bg-transparent hover:text-gray-700 hover:font-bold py-2 data-active:before:bg-transparent data-active:text-gray-700 data-active:font-bold',
+        class:
+          'hover:bg-transparent hover:text-gray-700 hover:font-bold py-2 data-active:before:bg-transparent data-active:text-gray-700 data-active:font-bold',
         icon: '',
         ...child,
       }
     })
 
-    const selfIsActive = item.to ? route.path.startsWith(String(item.to)) : false
+    const selfIsActive = item.to
+      ? route.path.startsWith(String(item.to))
+      : false
 
     const itemIsActive = selfIsActive || isAnyChildActive // A root item is active if its own link matches OR if any child is active
 
@@ -221,46 +223,52 @@ const mappedItems = (items: NavigationMenuItem[]): NavigationMenuItem[] => {
 
 // filter items base on auth.hasPermission and nested children  , permissions: ['pmo:USER', 'pmo:ADMIN', 'pmo:SUPER']
 const filterItems = (items: NavigationMenuItem[]): NavigationMenuItem[] => {
-  return items.filter((item) => {
-    if (item.permissions && Array.isArray(item.permissions)) {
-      // permissions: ['pmo:USER', 'pmo:ADMIN', 'pmo:SUPER'] => module: 'pmo', permissions: ['USER', 'ADMIN', 'SUPER']
-      const permissionStrings = item.permissions as string[]
+  return items
+    .filter((item) => {
+      if (item.permissions && Array.isArray(item.permissions)) {
+        // permissions: ['pmo:USER', 'pmo:ADMIN', 'pmo:SUPER'] => module: 'pmo', permissions: ['USER', 'ADMIN', 'SUPER']
+        const permissionStrings = item.permissions as string[]
 
-      // Extract module from first permission (all should have same module)
-      const firstPermission = permissionStrings[0]
+        // Extract module from first permission (all should have same module)
+        const firstPermission = permissionStrings[0]
 
-      if (!firstPermission) {
-        return true
-      }
+        if (!firstPermission) {
+          return true
+        }
 
-      const [moduleStr] = firstPermission.split(':')
+        const [moduleStr] = firstPermission.split(':')
 
-      // Extract all permission levels
-      const permissionLevels = permissionStrings.map((p) => p.split(':')[1]) as Permission[]
+        // Extract all permission levels
+        const permissionLevels = permissionStrings.map(
+          (p) => p.split(':')[1],
+        ) as Permission[]
 
-      return auth.hasPermission(moduleStr as UserModule, ...permissionLevels)
-    }
+        return auth.hasPermission(moduleStr as UserModule, ...permissionLevels)
+      }
 
-    // Recursively filter children
-    if (item.children) {
-      const filteredChildren = filterItems(item.children as NavigationMenuItem[])
+      // Recursively filter children
+      if (item.children) {
+        const filteredChildren = filterItems(
+          item.children as NavigationMenuItem[],
+        )
 
-      // Only include parent if it has visible children or no permission requirement
-      return filteredChildren.length > 0
-    }
+        // Only include parent if it has visible children or no permission requirement
+        return filteredChildren.length > 0
+      }
 
-    return true
-  }).map((item) => {
-    // Apply filtering to children
-    if (item.children) {
-      return {
-        ...item,
-        children: filterItems(item.children as NavigationMenuItem[]),
+      return true
+    })
+    .map((item) => {
+      // Apply filtering to children
+      if (item.children) {
+        return {
+          ...item,
+          children: filterItems(item.children as NavigationMenuItem[]),
+        }
       }
-    }
 
-    return item
-  })
+      return item
+    })
 }
 
 const navigationItems = computed<NavigationMenuItem[]>(() => {

package/app/components/Layout/Admin/index.vue

@@ -1,13 +1,16 @@
 <template>
   <div class="relative flex min-h-screen flex-1">
     <div
-      :class="[`
+      :class="[
+        `
         fixed inset-0 z-30 hidden w-auto
         lg:block
-      `, {
-        'max-w-[88px]': isCollapsed,
-        'max-w-[260px]': !isCollapsed,
-      }]"
+      `,
+        {
+          'max-w-[88px]': isCollapsed,
+          'max-w-[260px]': !isCollapsed,
+        },
+      ]"
     >
       <Sidebar
         :label="label"
@@ -18,18 +21,17 @@
       />
     </div>
     <div
-      :class="['w-full bg-gray-50', {
-        'lg:pl-[88px]': isCollapsed,
-        'lg:pl-[260px]': !isCollapsed,
-      }]"
+      :class="[
+        'w-full bg-gray-50',
+        {
+          'lg:pl-[88px]': isCollapsed,
+          'lg:pl-[260px]': !isCollapsed,
+        },
+      ]"
     >
       <nav
-        class="
-          fixed top-0 left-0 z-20 flex min-h-[64px] w-screen items-center justify-between
-          gap-4 bg-white px-5 lg:min-h-[72px]
-          lg:justify-end
-        "
-        style="box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);"
+        class="fixed top-0 left-0 z-20 flex min-h-[64px] w-screen items-center justify-between gap-4 bg-white px-5 lg:min-h-[72px] lg:justify-end"
+        style="box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04)"
       >
         <div class="flex items-center gap-4">
           <Slideover
@@ -41,10 +43,7 @@
             side="left"
           >
             <svg
-              class="
-                cursor-pointer
-                lg:hidden
-              "
+              class="cursor-pointer lg:hidden"
               width="19"
               height="18"
               viewBox="0 0 19 18"
@@ -74,10 +73,7 @@
             <img
               src="/logo-mini.png"
               alt="logo_mini_color"
-              class="
-               w-[126px] min-w-[126px] lg:hidden
-                lg:w-[172px] lg:min-w-[172px]
-              "
+              class="w-[126px] min-w-[126px] lg:hidden lg:w-[172px] lg:min-w-[172px]"
             />
           </NuxtLink>
           <Apps class="lg:hidden" />
@@ -96,14 +92,12 @@
             }"
           >
             <div class="relative flex cursor-pointer items-center gap-2">
-              <div
-                class="hidden flex-col justify-end text-right lg:flex"
-              >
+              <div class="hidden flex-col justify-end text-right lg:flex">
                 <p class="font-bold">
                   {{ auth.me.value?.display_name || auth.me.value?.full_name }}
                 </p>
                 <p class="text-muted text-sm">
-                  {{ auth.me.value?.email || '' }}
+                  {{ auth.me.value?.email || "" }}
                 </p>
               </div>
               <Avatar
@@ -111,22 +105,17 @@
                 icon="ri:user-line"
                 :src="auth.me.value?.avatar_url || ''"
               />
-              <Icon
-                name="i-ph:caret-down-light"
-                class="size-5"
-              />
+              <Icon name="i-ph:caret-down-light" class="size-5" />
             </div>
           </DropdownMenu>
         </div>
       </nav>
       <div class="w-full bg-gray-50 pt-[64px] lg:pt-[72px]">
-        <main
-          class="
-            mx-auto min-h-full w-full flex-1 px-6 py-10 lg:px-8
-          "
-        >
+        <main class="mx-auto min-h-full w-full flex-1 px-6 py-10 lg:px-8">
           <Breadcrumb
-            v-if="!app.pageMeta.isHideBreadcrumbs && breadcrumbsItems.length > 1"
+            v-if="
+              !app.pageMeta.isHideBreadcrumbs && breadcrumbsItems.length > 1
+            "
             :items="breadcrumbsItems"
             class="mb-6"
             :ui="{
@@ -136,17 +125,11 @@
           />
           <div
             v-if="app.pageMeta.title"
-            class="
-             mb-4 flex flex-col justify-between gap-1 md:mb-6 md:gap-4
-              lg:flex-row lg:items-start
-            "
+            class="mb-4 flex flex-col justify-between gap-1 md:mb-6 md:gap-4 lg:flex-row lg:items-start"
           >
             <div class="flex flex-1 flex-col">
               <h1
-                class="
-                  text-3xl font-bold wrap-break-word
-                  lg:max-w-2/3
-                "
+                class="text-3xl font-bold wrap-break-word lg:max-w-2/3"
                 :title="app.pageMeta.title"
               >
                 {{ app.pageMeta.title }}
@@ -154,10 +137,7 @@
               </h1>
 
               <div id="page-subtitle" />
-              <p
-                v-if="app.pageMeta.sub_title"
-                class="text-[#475467]"
-              >
+              <p v-if="app.pageMeta.sub_title" class="text-[#475467]">
                 {{ app.pageMeta.sub_title }}
               </p>
             </div>
@@ -174,7 +154,7 @@
 import type { DropdownMenuItem, NavigationMenuItem } from '@nuxt/ui'
 import { computed } from 'vue'
 import Sidebar from './Sidebar.vue'
-import Apps from './Apps.vue'
+import Apps from '../Apps.vue'
 
 defineProps<{
   label: string

package/app/components/Layout/User/index.vue

@@ -0,0 +1,99 @@
+<template>
+  <div class="overflow-hidden pt-[80px]">
+    <div class="flex min-h-[calc(100vh-80px)] flex-col">
+      <nav
+        class="fixed top-0 left-0 z-20 flex min-h-[80px] w-screen items-center justify-center bg-white"
+        style="box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04)"
+      >
+        <div class="mx-auto flex w-full px-4 md:px-8">
+          <div class="flex items-center gap-4">
+            <NuxtLink :to="routes.home.to">
+              <img
+                src="/logo-mini.png"
+                alt="logo_mini"
+                class="h-[27px] w-[172px] cursor-pointer"
+              />
+            </NuxtLink>
+            <Apps />
+          </div>
+
+          <div class="flex flex-1 items-center justify-end gap-2">
+            <DropdownMenu
+              :items="userMenuItems"
+              size="xl"
+              :content="{
+                align: 'end',
+                side: 'bottom',
+              }"
+              :ui="{
+                content: 'w-48',
+              }"
+            >
+              <div class="relative flex cursor-pointer items-center gap-2">
+                <div class="hidden flex-col justify-end text-right lg:flex">
+                  <p class="text-sm font-bold">
+                    {{
+                      auth.me.value?.display_name || auth.me.value?.full_name
+                    }}
+                  </p>
+                  <p class="text-muted text-xs">
+                    {{ auth.me.value?.email }}
+                  </p>
+                </div>
+                <Avatar
+                  class="border-muted size-[36px] border text-2xl"
+                  icon="ri:user-line"
+                  :src="auth.me.value?.avatar_url"
+                />
+                <Icon name="i-ph:caret-down-light" class="size-5" />
+              </div>
+            </DropdownMenu>
+          </div>
+        </div>
+      </nav>
+      <main class="mx-auto w-full max-w-7xl flex-1 px-4 pb-20 2xl:max-w-7/10">
+        <div
+          v-if="app.pageMeta.title"
+          class="mb-4 flex flex-col justify-between gap-1 md:mb-6 md:gap-4 lg:flex-row lg:items-center"
+        >
+          <div class="flex flex-1 flex-col">
+            <h1
+              class="text-3xl font-bold wrap-break-word lg:max-w-2/3"
+              :title="app.pageMeta.title"
+            >
+              {{ app.pageMeta.title }}
+              <span id="page-title-extra" />
+            </h1>
+
+            <div id="page-subtitle" />
+          </div>
+          <div id="page-header" />
+        </div>
+        <slot />
+      </main>
+      <div id="page-footer" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { DropdownMenuItem } from '@nuxt/ui'
+import Apps from '../Apps.vue'
+
+const app = useApp()
+const auth = useAuth()
+const userMenuItems: DropdownMenuItem[] = [
+  {
+    label: 'View profile',
+    icon: 'i-lucide-user',
+    to: routes.account.profile.to,
+  },
+
+  {
+    label: routes.logout.label,
+    icon: 'i-lucide-log-out',
+    to: routes.logout.to,
+    external: true,
+  },
+]
+</script>

package/bun.lock

@@ -7,7 +7,7 @@
         "@finema/core": "^2.43.2",
       },
       "devDependencies": {
-        "@finema/eslint-config": "^2.0.2",
+        "@finema/eslint-config": "^2.0.3",
         "@nuxt/eslint": "latest",
         "@nuxt/test-utils": "^3.19.2",
         "@release-it/conventional-changelog": "^10.0.1",
@@ -176,6 +176,8 @@
 
     "@eslint/core": ["@eslint/core@0.16.0", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-nmC8/totwobIiFcGkDza3GIKfAw1+hLiYVrh3I1nIomQ8PEr5cxg34jnkmGawul/ep52wGRAcyeDCNtWKSOj4Q=="],
 
+    "@eslint/css-tree": ["@eslint/css-tree@3.6.6", "", { "dependencies": { "mdn-data": "2.23.0", "source-map-js": "^1.0.1" } }, "sha512-C3YiJMY9OZyZ/3vEMFWJIesdGaRY6DmIYvmtyxMT934CbrOKqRs+Iw7NWSRlJQEaK4dPYy2lZ2y1zkaj8z0p5A=="],
+
     "@eslint/eslintrc": ["@eslint/eslintrc@3.3.1", "", { "dependencies": { "ajv": "^6.12.4", "debug": "^4.3.2", "espree": "^10.0.1", "globals": "^14.0.0", "ignore": "^5.2.0", "import-fresh": "^3.2.1", "js-yaml": "^4.1.0", "minimatch": "^3.1.2", "strip-json-comments": "^3.1.1" } }, "sha512-gtF186CXhIl1p4pJNGZw8Yc6RlshoePRvE0X91oPGb3vZ8pM3qOS9W9NGPat9LziaBV7XrJWGylNQXkGcnM3IQ=="],
 
     "@eslint/js": ["@eslint/js@9.37.0", "", {}, "sha512-jaS+NJ+hximswBG6pjNX0uEJZkrT0zwpVi3BA3vX22aFGjJjmgSTSmPpZCRKmoBL5VY/M6p0xsSJx7rk7sy5gg=="],
@@ -186,7 +188,7 @@
 
     "@finema/core": ["@finema/core@2.43.2", "", { "dependencies": { "@iconify-json/heroicons": "^1.2.2", "@iconify-json/ph": "^1.2.2", "@iconify-json/svg-spinners": "^1.2.2", "@nuxt/kit": "^4.0.2", "@nuxt/ui": "^4.0.1", "@pinia/nuxt": "^0.11.0", "@tailwindcss/typography": "^0.5.0-alpha.3", "@tiptap/extension-image": "^3.0.7", "@tiptap/extension-link": "^3.0.7", "@tiptap/extension-text-align": "^3.0.7", "@tiptap/extension-text-style": "^3.0.7", "@tiptap/extension-underline": "^3.0.7", "@tiptap/extension-youtube": "^3.0.7", "@tiptap/pm": "^3.0.7", "@tiptap/starter-kit": "^3.0.7", "@tiptap/vue-3": "^3.0.7", "@vee-validate/nuxt": "^4.15.1", "@vee-validate/valibot": "^4.15.1", "@vuepic/vue-datepicker": "^11.0.2", "@vueuse/components": "^13.2.0", "@vueuse/core": "^13.4.0", "@wdns/vue-code-block": "^2.3.5", "axios": "^1.10.0", "date-fns": "^4.1.0", "date-fns-tz": "^3.2.0", "defu": "^6.1.4", "lodash-es": "^4.17.21", "maska": "^3.1.1", "url-join": "^5.0.0" } }, "sha512-/JrFnsj6zskoZyIEDUK4G21ariM/i/MweuZmVODhHOZ2A+5t779rEt4scR1u4nt7vNKDmeTY40NfmphNZxJjiQ=="],
 
-    "@finema/eslint-config": ["@finema/eslint-config@2.0.2", "", { "dependencies": { "eslint-plugin-tailwindcss": "^3.18.2", "eslint-plugin-unused-imports": "^4.2.0" }, "peerDependencies": { "eslint": "^9.37.0" } }, "sha512-0UQoCuU8nIHG3/H0XgFmbNZfvuB5OX4OEIKgakIBfjkn8Dpq9xnzwLvH9S1Dt4PWmzT+bKdSLCJ7waefO/2nzQ=="],
+    "@finema/eslint-config": ["@finema/eslint-config@2.0.3", "", { "dependencies": { "eslint-plugin-better-tailwindcss": "^3.7.10", "eslint-plugin-tailwindcss": "^3.18.2", "eslint-plugin-unused-imports": "^4.2.0" }, "peerDependencies": { "eslint": "^9.37.0" } }, "sha512-cKayHHZLTp/cA1q9ohowBcNWqpMZcA3zYcw8W7JkB89B+cyT1hYUOIi046cUEW23mFTfsSKUVIeW/C+BKpXuXQ=="],
 
     "@floating-ui/core": ["@floating-ui/core@1.7.3", "", { "dependencies": { "@floating-ui/utils": "^0.2.10" } }, "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w=="],
 
@@ -478,6 +480,8 @@
 
     "@pkgjs/parseargs": ["@pkgjs/parseargs@0.11.0", "", {}, "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg=="],
 
+    "@pkgr/core": ["@pkgr/core@0.2.9", "", {}, "sha512-QNqXyfVS2wm9hweSYD2O7F0G06uurj9kZ96TRQE5Y9hU7+tgdZwIkbAKc5Ocy1HxEY2kuDQa6cQ1WRs/O5LFKA=="],
+
     "@polka/url": ["@polka/url@1.0.0-next.29", "", {}, "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww=="],
 
     "@poppinss/colors": ["@poppinss/colors@4.1.5", "", { "dependencies": { "kleur": "^4.1.5" } }, "sha512-FvdDqtcRCtz6hThExcFOgW0cWX+xwSMWcRuQe5ZEb2m7cVQOAVZOIMt+/v9RxGiD9/OY16qJBXK4CVKWAPalBw=="],
@@ -1206,6 +1210,8 @@
 
     "eslint-merge-processors": ["eslint-merge-processors@2.0.0", "", { "peerDependencies": { "eslint": "*" } }, "sha512-sUuhSf3IrJdGooquEUB5TNpGNpBoQccbnaLHsb1XkBLUPPqCNivCpY05ZcpCOiV9uHwO2yxXEWVczVclzMxYlA=="],
 
+    "eslint-plugin-better-tailwindcss": ["eslint-plugin-better-tailwindcss@3.7.10", "", { "dependencies": { "@eslint/css-tree": "^3.6.5", "enhanced-resolve": "^5.18.3", "jiti": "^2.5.1", "postcss": "^8.5.6", "postcss-import": "^16.1.1", "synckit": "^0.11.11", "tailwind-csstree": "^0.1.4", "tsconfig-paths-webpack-plugin": "^4.2.0" }, "peerDependencies": { "eslint": "^7.0.0 || ^8.0.0 || ^9.0.0", "tailwindcss": "^3.3.0 || ^4.1.6" } }, "sha512-a6Hif4A9lPJZwpoMir2WVs1ZL4IK6fzwbZvVhQQchoqqg3BycL+ZGLHGIuqKBqwnZgOC6olwmu0sDzM3uSkEFw=="],
+
     "eslint-plugin-import-lite": ["eslint-plugin-import-lite@0.3.0", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.7.0", "@typescript-eslint/types": "^8.34.0" }, "peerDependencies": { "eslint": ">=9.0.0", "typescript": ">=4.5" }, "optionalPeers": ["typescript"] }, "sha512-dkNBAL6jcoCsXZsQ/Tt2yXmMDoNt5NaBh/U7yvccjiK8cai6Ay+MK77bMykmqQA2bTF6lngaLCDij6MTO3KkvA=="],
 
     "eslint-plugin-import-x": ["eslint-plugin-import-x@4.16.1", "", { "dependencies": { "@typescript-eslint/types": "^8.35.0", "comment-parser": "^1.4.1", "debug": "^4.4.1", "eslint-import-context": "^0.1.9", "is-glob": "^4.0.3", "minimatch": "^9.0.3 || ^10.0.1", "semver": "^7.7.2", "stable-hash-x": "^0.2.0", "unrs-resolver": "^1.9.2" }, "peerDependencies": { "@typescript-eslint/utils": "^8.0.0", "eslint": "^8.57.0 || ^9.0.0", "eslint-import-resolver-node": "*" }, "optionalPeers": ["@typescript-eslint/utils", "eslint-import-resolver-node"] }, "sha512-vPZZsiOKaBAIATpFE2uMI4w5IRwdv/FpQ+qZZMR4E+PeOcM4OeoEbqxRMnywdxP19TyB/3h6QBB0EWon7letSQ=="],
@@ -1608,7 +1614,7 @@
 
     "math-intrinsics": ["math-intrinsics@1.1.0", "", {}, "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g=="],
 
-    "mdn-data": ["mdn-data@2.12.2", "", {}, "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA=="],
+    "mdn-data": ["mdn-data@2.23.0", "", {}, "sha512-786vq1+4079JSeu2XdcDjrhi/Ry7BWtjDl9WtGPWLiIHb2T66GvIVflZTBoSNZ5JqTtJGYEVMuFA/lbQlMOyDQ=="],
 
     "mdurl": ["mdurl@2.0.0", "", {}, "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w=="],
 
@@ -1786,6 +1792,8 @@
 
     "pidtree": ["pidtree@0.6.0", "", { "bin": { "pidtree": "bin/pidtree.js" } }, "sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g=="],
 
+    "pify": ["pify@2.3.0", "", {}, "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="],
+
     "pinia": ["pinia@3.0.3", "", { "dependencies": { "@vue/devtools-api": "^7.7.2" }, "peerDependencies": { "typescript": ">=4.4.4", "vue": "^2.7.0 || ^3.5.11" }, "optionalPeers": ["typescript"] }, "sha512-ttXO/InUULUXkMHpTdp9Fj4hLpD/2AoJdmAbAeW2yu1iy1k+pkFekQXw5VpC0/5p51IOR/jDaDRfRWRnMMsGOA=="],
 
     "pkg-types": ["pkg-types@2.3.0", "", { "dependencies": { "confbox": "^0.2.2", "exsolve": "^1.0.7", "pathe": "^2.0.3" } }, "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig=="],
@@ -1808,6 +1816,8 @@
 
     "postcss-discard-overridden": ["postcss-discard-overridden@7.0.1", "", { "peerDependencies": { "postcss": "^8.4.32" } }, "sha512-7c3MMjjSZ/qYrx3uc1940GSOzN1Iqjtlqe8uoSg+qdVPYyRb0TILSqqmtlSFuE4mTDECwsm397Ya7iXGzfF7lg=="],
 
+    "postcss-import": ["postcss-import@16.1.1", "", { "dependencies": { "postcss-value-parser": "^4.0.0", "read-cache": "^1.0.0", "resolve": "^1.1.7" }, "peerDependencies": { "postcss": "^8.0.0" } }, "sha512-2xVS1NCZAfjtVdvXiyegxzJ447GyqCeEI5V7ApgQVOWnros1p5lGNovJNapwPpMombyFBfqDwt7AD3n2l0KOfQ=="],
+
     "postcss-merge-longhand": ["postcss-merge-longhand@7.0.5", "", { "dependencies": { "postcss-value-parser": "^4.2.0", "stylehacks": "^7.0.5" }, "peerDependencies": { "postcss": "^8.4.32" } }, "sha512-Kpu5v4Ys6QI59FxmxtNB/iHUVDn9Y9sYw66D6+SZoIk4QTz1prC4aYkhIESu+ieG1iylod1f8MILMs1Em3mmIw=="],
 
     "postcss-merge-rules": ["postcss-merge-rules@7.0.6", "", { "dependencies": { "browserslist": "^4.25.1", "caniuse-api": "^3.0.0", "cssnano-utils": "^5.0.1", "postcss-selector-parser": "^7.1.0" }, "peerDependencies": { "postcss": "^8.4.32" } }, "sha512-2jIPT4Tzs8K87tvgCpSukRQ2jjd+hH6Bb8rEEOUDmmhOeTcqDg5fEFK8uKIu+Pvc3//sm3Uu6FRqfyv7YF7+BQ=="],
@@ -1924,6 +1934,8 @@
 
     "rc9": ["rc9@2.1.2", "", { "dependencies": { "defu": "^6.1.4", "destr": "^2.0.3" } }, "sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg=="],
 
+    "read-cache": ["read-cache@1.0.0", "", { "dependencies": { "pify": "^2.3.0" } }, "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA=="],
+
     "read-package-up": ["read-package-up@11.0.0", "", { "dependencies": { "find-up-simple": "^1.0.0", "read-pkg": "^9.0.0", "type-fest": "^4.6.0" } }, "sha512-MbgfoNPANMdb4oRBNg5eqLbB2t2r+o5Ua1pNt8BqGp4I0FJZhuVSOj3PaBPni4azWuSzEdNn2evevzVmEk1ohQ=="],
 
     "read-pkg": ["read-pkg@9.0.1", "", { "dependencies": { "@types/normalize-package-data": "^2.4.3", "normalize-package-data": "^6.0.0", "parse-json": "^8.0.0", "type-fest": "^4.6.0", "unicorn-magic": "^0.1.0" } }, "sha512-9viLL4/n1BJUCT1NXVTdS1jtm80yDEgR5T4yCelII49Mbj0v1rZdKqj7zCiYdbB0CuCgdrvHcNogAKTFPBocFA=="],
@@ -2072,6 +2084,8 @@
 
     "strip-ansi-cjs": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
 
+    "strip-bom": ["strip-bom@3.0.0", "", {}, "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA=="],
+
     "strip-final-newline": ["strip-final-newline@3.0.0", "", {}, "sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw=="],
 
     "strip-indent": ["strip-indent@4.1.1", "", {}, "sha512-SlyRoSkdh1dYP0PzclLE7r0M9sgbFKKMFXpFRUMNuKhQSbC6VQIGzq3E0qsfvGJaUFJPGv6Ws1NZ/haTAjfbMA=="],
@@ -2094,10 +2108,14 @@
 
     "swrv": ["swrv@1.1.0", "", { "peerDependencies": { "vue": ">=3.2.26 < 4" } }, "sha512-pjllRDr2s0iTwiE5Isvip51dZGR7GjLH1gCSVyE8bQnbAx6xackXsFdojau+1O5u98yHF5V73HQGOFxKUXO9gQ=="],
 
+    "synckit": ["synckit@0.11.11", "", { "dependencies": { "@pkgr/core": "^0.2.9" } }, "sha512-MeQTA1r0litLUf0Rp/iisCaL8761lKAZHaimlbGK4j0HysC4PLfqygQj9srcs0m2RdtDYnF8UuYyKpbjHYp7Jw=="],
+
     "system-architecture": ["system-architecture@0.1.0", "", {}, "sha512-ulAk51I9UVUyJgxlv9M6lFot2WP3e7t8Kz9+IS6D4rVba1tR9kON+Ey69f+1R4Q8cd45Lod6a4IcJIxnzGc/zA=="],
 
     "tagged-tag": ["tagged-tag@1.0.0", "", {}, "sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng=="],
 
+    "tailwind-csstree": ["tailwind-csstree@0.1.4", "", {}, "sha512-FzD187HuFIZEyeR7Xy6sJbJll2d4SybS90satC8SKIuaNRC05CxMvdzN7BUsfDQffcnabckRM5OIcfArjsZ0mg=="],
+
     "tailwind-merge": ["tailwind-merge@3.3.1", "", {}, "sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g=="],
 
     "tailwind-variants": ["tailwind-variants@3.1.1", "", { "peerDependencies": { "tailwind-merge": ">=3.0.0", "tailwindcss": "*" }, "optionalPeers": ["tailwind-merge"] }, "sha512-ftLXe3krnqkMHsuBTEmaVUXYovXtPyTK7ckEfDRXS8PBZx0bAUas+A0jYxuKA5b8qg++wvQ3d2MQ7l/xeZxbZQ=="],
@@ -2132,6 +2150,10 @@
 
     "ts-api-utils": ["ts-api-utils@2.1.0", "", { "peerDependencies": { "typescript": ">=4.8.4" } }, "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ=="],
 
+    "tsconfig-paths": ["tsconfig-paths@4.2.0", "", { "dependencies": { "json5": "^2.2.2", "minimist": "^1.2.6", "strip-bom": "^3.0.0" } }, "sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg=="],
+
+    "tsconfig-paths-webpack-plugin": ["tsconfig-paths-webpack-plugin@4.2.0", "", { "dependencies": { "chalk": "^4.1.0", "enhanced-resolve": "^5.7.0", "tapable": "^2.2.1", "tsconfig-paths": "^4.1.2" } }, "sha512-zbem3rfRS8BgeNK50Zz5SIQgXzLafiHjOwUAvk/38/o1jHn/V5QAgVUcz884or7WYcPaH3N2CIfUc2u0ul7UcA=="],
+
     "tslib": ["tslib@2.8.1", "", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
 
     "type-check": ["type-check@0.4.0", "", { "dependencies": { "prelude-ls": "^1.2.1" } }, "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew=="],
@@ -2434,6 +2456,8 @@
 
     "cross-spawn/which": ["which@2.0.2", "", { "dependencies": { "isexe": "^2.0.0" }, "bin": { "node-which": "./bin/node-which" } }, "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA=="],
 
+    "css-tree/mdn-data": ["mdn-data@2.12.2", "", {}, "sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA=="],
+
     "csso/css-tree": ["css-tree@2.2.1", "", { "dependencies": { "mdn-data": "2.0.28", "source-map-js": "^1.0.1" } }, "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA=="],
 
     "dot-prop/type-fest": ["type-fest@5.1.0", "", { "dependencies": { "tagged-tag": "^1.0.0" } }, "sha512-wQ531tuWvB6oK+pchHIu5lHe5f5wpSCqB8Kf4dWQRbOYc9HTge7JL0G4Qd44bh6QuJCccIzL3bugb8GI0MwHrg=="],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@finema/finework-layer",
   "type": "module",
-  "version": "0.0.17",
+  "version": "0.1.2",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground -o",
@@ -16,7 +16,7 @@
     "postinstall": "nuxt prepare .playground"
   },
   "devDependencies": {
-    "@finema/eslint-config": "^2.0.2",
+    "@finema/eslint-config": "^2.0.3",
     "@nuxt/eslint": "latest",
     "@nuxt/test-utils": "^3.19.2",
     "@release-it/conventional-changelog": "^10.0.1",