@finema/finework-layer 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/.husky/pre-commit +1 -1
  2. package/.playground/app/pages/layout-admin.vue +100 -100
  3. package/CHANGELOG.md +77 -73
  4. package/app/app.config.ts +2 -8
  5. package/app/app.vue +10 -10
  6. package/app/components/Button/ActionIcon.vue +29 -29
  7. package/app/components/Button/Back.vue +22 -22
  8. package/app/components/InfoItemList.vue +202 -202
  9. package/app/components/Layout/Admin/Sidebar.vue +289 -289
  10. package/app/components/Layout/Admin/index.vue +207 -207
  11. package/app/components/Layout/Apps.vue +45 -45
  12. package/app/components/Layout/User/index.vue +99 -99
  13. package/app/components/StatusBox.vue +56 -56
  14. package/app/composables/useAuth.ts +189 -189
  15. package/app/composables/useRequestOptions.ts +50 -50
  16. package/app/error.vue +218 -218
  17. package/bun.lock +2729 -2729
  18. package/index.d.ts +16 -16
  19. package/package.json +37 -37
package/.husky/pre-commit CHANGED
@@ -1 +1 @@
1
- bunx lint-staged
1
+ bunx lint-staged
package/.playground/app/pages/layout-admin.vue CHANGED
@@ -1,100 +1,100 @@
1
- <template>
2
- <LayoutUser>
3
- <p>
4
- dasdasd
5
- </p>
6
- </LayoutUser>
7
- </template>
8
-
9
- <script lang="ts" setup>
10
- import type { NavigationMenuItem } from '@nuxt/ui'
11
-
12
- const auth = useAuth()
13
-
14
- useApp().definePage({
15
- title: 'Test Layout',
16
- breadcrumbs: [
17
- {
18
- label: 'Home',
19
- to: '/',
20
- },
21
- {
22
- label: 'Test Layout',
23
- to: '/test-layout',
24
- },
25
- ],
26
- })
27
-
28
- auth.me.set({
29
- id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
30
- created_at: '2025-09-02T10:16:37.195Z',
31
- updated_at: '2025-10-11T10:14:10.296Z',
32
- email: 'long@finema.co',
33
- full_name: 'Passakon Puttasuwan',
34
- display_name: 'Long',
35
- position: 'Technical Specialist',
36
- team_code: 'DEV',
37
- company: 'finema',
38
- avatar_url: 'https://avatars.slack-edge.com/2023-09-25/5968557597936_c750902e3ffc4f690d80_512.jpg',
39
- slack_id: 'U0147KLKKH8',
40
- azure_id: 'fd7fbb55-a249-4b79-b439-2270981bd3ae',
41
- is_active: true,
42
- joined_date: '2025-09-02T00:00:00Z',
43
- access_level: {
44
- user_id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
45
- clockin: 'ADMIN',
46
- timesheet: 'ADMIN',
47
- pmo: 'SUPER',
48
- setting: 'SUPER',
49
- created_at: '2025-08-15T16:40:29.319Z',
50
- updated_at: '2025-09-30T10:14:59.228Z',
51
- },
52
- team: {
53
- id: 'ef2abb00-d57f-4a38-a5d1-660ee63d2e1f',
54
- created_at: '2025-08-26T10:36:53.598Z',
55
- updated_at: '2025-10-01T06:00:29.941Z',
56
- name: 'Developer Team',
57
- code: 'DEV',
58
- color: 'violet',
59
- description: '',
60
- working_start_at: '12:02:00',
61
- working_end_at: '20:00:00',
62
- created_by_id: null,
63
- updated_by_id: '96d3ec63-be14-41c6-9268-ea8095d2a73b',
64
- deleted_by_id: null,
65
- },
66
- })
67
-
68
- const sidebarItems: NavigationMenuItem[] = [
69
- {
70
- label: 'Dashboard',
71
- children: [
72
- {
73
- label: 'Submenu 1',
74
- to: '/submenu1',
75
- icon: 'i-heroicons-outline:home',
76
- },
77
- {
78
- label: 'Submenu 2',
79
- to: '/submenu2',
80
- icon: 'i-heroicons-outline:home',
81
- },
82
- ],
83
- },
84
- {
85
- label: 'Users',
86
- children: [
87
- {
88
- label: 'Submenu 1',
89
- to: '/submenu1',
90
- icon: 'i-heroicons-outline:home',
91
- },
92
- {
93
- label: 'Submenu 2',
94
- to: '/submenu2',
95
- icon: 'i-heroicons-outline:home',
96
- },
97
- ],
98
- },
99
- ]
100
- </script>
1
+ <template>
2
+ <LayoutUser>
3
+ <p>
4
+ dasdasd
5
+ </p>
6
+ </LayoutUser>
7
+ </template>
8
+
9
+ <script lang="ts" setup>
10
+ import type { NavigationMenuItem } from '@nuxt/ui'
11
+
12
+ const auth = useAuth()
13
+
14
+ useApp().definePage({
15
+ title: 'Test Layout',
16
+ breadcrumbs: [
17
+ {
18
+ label: 'Home',
19
+ to: '/',
20
+ },
21
+ {
22
+ label: 'Test Layout',
23
+ to: '/test-layout',
24
+ },
25
+ ],
26
+ })
27
+
28
+ auth.me.set({
29
+ id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
30
+ created_at: '2025-09-02T10:16:37.195Z',
31
+ updated_at: '2025-10-11T10:14:10.296Z',
32
+ email: 'long@finema.co',
33
+ full_name: 'Passakon Puttasuwan',
34
+ display_name: 'Long',
35
+ position: 'Technical Specialist',
36
+ team_code: 'DEV',
37
+ company: 'finema',
38
+ avatar_url: 'https://avatars.slack-edge.com/2023-09-25/5968557597936_c750902e3ffc4f690d80_512.jpg',
39
+ slack_id: 'U0147KLKKH8',
40
+ azure_id: 'fd7fbb55-a249-4b79-b439-2270981bd3ae',
41
+ is_active: true,
42
+ joined_date: '2025-09-02T00:00:00Z',
43
+ access_level: {
44
+ user_id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
45
+ clockin: 'ADMIN',
46
+ timesheet: 'ADMIN',
47
+ pmo: 'SUPER',
48
+ setting: 'SUPER',
49
+ created_at: '2025-08-15T16:40:29.319Z',
50
+ updated_at: '2025-09-30T10:14:59.228Z',
51
+ },
52
+ team: {
53
+ id: 'ef2abb00-d57f-4a38-a5d1-660ee63d2e1f',
54
+ created_at: '2025-08-26T10:36:53.598Z',
55
+ updated_at: '2025-10-01T06:00:29.941Z',
56
+ name: 'Developer Team',
57
+ code: 'DEV',
58
+ color: 'violet',
59
+ description: '',
60
+ working_start_at: '12:02:00',
61
+ working_end_at: '20:00:00',
62
+ created_by_id: null,
63
+ updated_by_id: '96d3ec63-be14-41c6-9268-ea8095d2a73b',
64
+ deleted_by_id: null,
65
+ },
66
+ })
67
+
68
+ const sidebarItems: NavigationMenuItem[] = [
69
+ {
70
+ label: 'Dashboard',
71
+ children: [
72
+ {
73
+ label: 'Submenu 1',
74
+ to: '/submenu1',
75
+ icon: 'i-heroicons-outline:home',
76
+ },
77
+ {
78
+ label: 'Submenu 2',
79
+ to: '/submenu2',
80
+ icon: 'i-heroicons-outline:home',
81
+ },
82
+ ],
83
+ },
84
+ {
85
+ label: 'Users',
86
+ children: [
87
+ {
88
+ label: 'Submenu 1',
89
+ to: '/submenu1',
90
+ icon: 'i-heroicons-outline:home',
91
+ },
92
+ {
93
+ label: 'Submenu 2',
94
+ to: '/submenu2',
95
+ icon: 'i-heroicons-outline:home',
96
+ },
97
+ ],
98
+ },
99
+ ]
100
+ </script>
package/CHANGELOG.md CHANGED
@@ -1,73 +1,77 @@
1
- # Changelog
2
-
3
- ## [0.1.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.3...0.1.4) (2025-10-15)
4
-
5
- ## [0.1.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.2...0.1.3) (2025-10-15)
6
-
7
- ## [0.1.2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.1...0.1.2) (2025-10-14)
8
-
9
- ### Features
10
-
11
- * layout user ([6bf83a1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/6bf83a15db0747323e6fd02555eab0b0c4e3e64e))
12
-
13
- ## [0.1.1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.16...0.1.1) (2025-10-14)
14
-
15
- ### Bug Fixes
16
-
17
- * lint version ([0b2ef1f](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0b2ef1f822b8db97be7fd55a24be42f0fc65357d))
18
- * version ([742da07](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/742da076e250a965d1a2684430d522d3e901c3b6))
19
-
20
- ## [0.0.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.15...0.0.16) (2025-10-14)
21
-
22
- ### Bug Fixes
23
-
24
- * **admin:** hide logo when sidebar is collapsed ([74e5dd2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/74e5dd2c8d1367bc7c5009f95498e83d86c7244c))
25
-
26
- ## [0.0.15](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.14...0.0.15) (2025-10-14)
27
-
28
- ### Bug Fixes
29
-
30
- * **admin:** always show logo in sidebar ([914c216](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/914c216503b911574d85d658b7cf76618d58e007))
31
-
32
- ## [0.0.14](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.13...0.0.14) (2025-10-14)
33
-
34
- ### Bug Fixes
35
-
36
- * **ui:** adjust responsive header height and padding ([000e5d7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/000e5d75d2779c5fd94354cf4426f5a9085af733))
37
- * **ui:** adjust responsive layout of admin header elements ([0c46820](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0c468205b498a1ff6c260eefd32b4e244a671f96))
38
-
39
- ## [0.0.13](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.12...0.0.13) (2025-10-14)
40
-
41
- ### Features
42
-
43
- * **admin:** add admin layout system with sidebar and navigation ([758c58b](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/758c58b89b005652ba88ffd4f5a850d3e8690e95))
44
-
45
- ## [0.0.12](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.11...0.0.12) (2025-10-10)
46
-
47
- ## [0.0.11](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.10...0.0.11) (2025-10-10)
48
-
49
- ## [0.0.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.9...0.0.10) (2025-10-10)
50
-
51
- ## [0.0.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.8...0.0.9) (2025-10-10)
52
-
53
- ## [0.0.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.7...0.0.8) (2025-10-10)
54
-
55
- ### Bug Fixes
56
-
57
- * modal body padding top ([d5e6986](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/d5e6986946b4ec1c70dbd4a8022402f16ad0f82d))
58
-
59
- ## [0.0.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.6...0.0.7) (2025-10-09)
60
-
61
- ### Features
62
-
63
- * add ActionIcon, Back, InfoItemList, StatusBox components and update logout handler ([34d39fa](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/34d39fa6997da9e1e87e7813efc3c30716a6b9a4))
64
-
65
- ## [0.0.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.5...0.0.6) (2025-10-09)
66
-
67
- ## [0.0.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.4...0.0.5) (2025-10-09)
68
-
69
- ## [0.0.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.3...0.0.4) (2025-10-09)
70
-
71
- ## [0.0.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.2...0.0.3) (2025-10-09)
72
-
73
- ## 0.0.2 (2025-10-09)
1
+ # Changelog
2
+
3
+ ## [0.1.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.5...0.1.6) (2025-10-15)
4
+
5
+ ## [0.1.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.4...0.1.5) (2025-10-15)
6
+
7
+ ## [0.1.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.3...0.1.4) (2025-10-15)
8
+
9
+ ## [0.1.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.2...0.1.3) (2025-10-15)
10
+
11
+ ## [0.1.2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.1...0.1.2) (2025-10-14)
12
+
13
+ ### Features
14
+
15
+ * layout user ([6bf83a1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/6bf83a15db0747323e6fd02555eab0b0c4e3e64e))
16
+
17
+ ## [0.1.1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.16...0.1.1) (2025-10-14)
18
+
19
+ ### Bug Fixes
20
+
21
+ * lint version ([0b2ef1f](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0b2ef1f822b8db97be7fd55a24be42f0fc65357d))
22
+ * version ([742da07](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/742da076e250a965d1a2684430d522d3e901c3b6))
23
+
24
+ ## [0.0.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.15...0.0.16) (2025-10-14)
25
+
26
+ ### Bug Fixes
27
+
28
+ * **admin:** hide logo when sidebar is collapsed ([74e5dd2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/74e5dd2c8d1367bc7c5009f95498e83d86c7244c))
29
+
30
+ ## [0.0.15](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.14...0.0.15) (2025-10-14)
31
+
32
+ ### Bug Fixes
33
+
34
+ * **admin:** always show logo in sidebar ([914c216](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/914c216503b911574d85d658b7cf76618d58e007))
35
+
36
+ ## [0.0.14](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.13...0.0.14) (2025-10-14)
37
+
38
+ ### Bug Fixes
39
+
40
+ * **ui:** adjust responsive header height and padding ([000e5d7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/000e5d75d2779c5fd94354cf4426f5a9085af733))
41
+ * **ui:** adjust responsive layout of admin header elements ([0c46820](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0c468205b498a1ff6c260eefd32b4e244a671f96))
42
+
43
+ ## [0.0.13](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.12...0.0.13) (2025-10-14)
44
+
45
+ ### Features
46
+
47
+ * **admin:** add admin layout system with sidebar and navigation ([758c58b](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/758c58b89b005652ba88ffd4f5a850d3e8690e95))
48
+
49
+ ## [0.0.12](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.11...0.0.12) (2025-10-10)
50
+
51
+ ## [0.0.11](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.10...0.0.11) (2025-10-10)
52
+
53
+ ## [0.0.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.9...0.0.10) (2025-10-10)
54
+
55
+ ## [0.0.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.8...0.0.9) (2025-10-10)
56
+
57
+ ## [0.0.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.7...0.0.8) (2025-10-10)
58
+
59
+ ### Bug Fixes
60
+
61
+ * modal body padding top ([d5e6986](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/d5e6986946b4ec1c70dbd4a8022402f16ad0f82d))
62
+
63
+ ## [0.0.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.6...0.0.7) (2025-10-09)
64
+
65
+ ### Features
66
+
67
+ * add ActionIcon, Back, InfoItemList, StatusBox components and update logout handler ([34d39fa](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/34d39fa6997da9e1e87e7813efc3c30716a6b9a4))
68
+
69
+ ## [0.0.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.5...0.0.6) (2025-10-09)
70
+
71
+ ## [0.0.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.4...0.0.5) (2025-10-09)
72
+
73
+ ## [0.0.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.3...0.0.4) (2025-10-09)
74
+
75
+ ## [0.0.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.2...0.0.3) (2025-10-09)
76
+
77
+ ## 0.0.2 (2025-10-09)
package/app/app.config.ts CHANGED
@@ -21,10 +21,7 @@ export default defineAppConfig({
21
21
  slots: {
22
22
  iconWrapper: 'rounded-full size-[48px] flex justify-center items-center',
23
23
  icon: 'size-6',
24
- base: [
25
- 'rounded-xl flex-col justify-start items-start space-x-0 bg-[url(/dialog-bg.png)] bg-no-repeat bg-top-left bg-size-[220px]',
26
- 'max-sm:top-auto max-sm:bottom-0 max-sm:left-0 max-sm:right-0 max-sm:translate-x-0 max-sm:translate-y-0 max-sm:w-full max-sm:max-w-full max-sm:rounded-b-none max-sm:rounded-t-xl',
27
- ],
24
+ base: 'rounded-xl flex-col justify-start items-start space-x-0 bg-[url(/dialog-bg.png)] bg-no-repeat bg-top-left bg-size-[220px] max-sm:top-auto max-sm:bottom-0 max-sm:left-0 max-sm:right-0 max-sm:translate-x-0 max-sm:translate-y-0 max-sm:w-full max-sm:max-w-full max-sm:rounded-b-none max-sm:rounded-t-xl',
28
25
  overlay: 'bg-black/50 backdrop-blur',
29
26
  description: 'whitespace-pre-line',
30
27
  wrapper: 'justify-start items-start',
@@ -116,10 +113,7 @@ export default defineAppConfig({
116
113
  slots: {
117
114
  overlay: 'bg-black/50 backdrop-blur',
118
115
  title: 'text-xl font-bold',
119
- content: [
120
- 'divide-none overflow-visible flex flex-col',
121
- 'max-sm:top-auto max-sm:bottom-0 max-sm:left-0 max-sm:right-0 max-sm:translate-x-0 max-sm:translate-y-0 max-sm:w-full max-sm:max-w-full max-sm:h-auto max-sm:max-h-[90dvh] max-sm:rounded-b-none max-sm:rounded-t-lg',
122
- ],
116
+ content: 'divide-none overflow-visible flex flex-col max-sm:top-auto max-sm:bottom-0 max-sm:left-0 max-sm:right-0 max-sm:translate-x-0 max-sm:translate-y-0 max-sm:w-full max-sm:max-w-full max-sm:h-auto max-sm:max-h-[90dvh] max-sm:rounded-b-none max-sm:rounded-t-lg',
123
117
  body: '!pt-0 overflow-y-auto flex-1 overflow-x-visible',
124
118
  footer: 'w-full',
125
119
  },
package/app/app.vue CHANGED
@@ -1,10 +1,10 @@
1
- <template>
2
- <App
3
- :toaster="{
4
- position: 'top-right',
5
- progress: false,
6
- }"
7
- >
8
- <NuxtPage />
9
- </App>
10
- </template>
1
+ <template>
2
+ <App
3
+ :toaster="{
4
+ position: 'top-right',
5
+ progress: false,
6
+ }"
7
+ >
8
+ <NuxtPage />
9
+ </App>
10
+ </template>
package/app/components/Button/ActionIcon.vue CHANGED
@@ -1,29 +1,29 @@
1
- <template>
2
- <Button
3
- size="lg"
4
- variant="ghost"
5
- :icon="icon"
6
- :color="color"
7
- square
8
- :disabled="disabled"
9
- :loading="loading"
10
- :to="to"
11
- @click="$emit('click')"
12
- />
13
- </template>
14
-
15
- <script lang="ts" setup>
16
- defineEmits<{
17
- (e: 'click'): void
18
- }>()
19
-
20
- withDefaults(defineProps<{
21
- to?: string
22
- icon: string
23
- color?: 'neutral' | 'error' | 'primary' | 'success' | 'warning' | 'info'
24
- disabled?: boolean
25
- loading?: boolean
26
- }>(), {
27
- color: 'neutral',
28
- })
29
- </script>
1
+ <template>
2
+ <Button
3
+ size="lg"
4
+ variant="ghost"
5
+ :icon="icon"
6
+ :color="color"
7
+ square
8
+ :disabled="disabled"
9
+ :loading="loading"
10
+ :to="to"
11
+ @click="$emit('click')"
12
+ />
13
+ </template>
14
+
15
+ <script lang="ts" setup>
16
+ defineEmits<{
17
+ (e: 'click'): void
18
+ }>()
19
+
20
+ withDefaults(defineProps<{
21
+ to?: string
22
+ icon: string
23
+ color?: 'neutral' | 'error' | 'primary' | 'success' | 'warning' | 'info'
24
+ disabled?: boolean
25
+ loading?: boolean
26
+ }>(), {
27
+ color: 'neutral',
28
+ })
29
+ </script>
package/app/components/Button/Back.vue CHANGED
@@ -1,22 +1,22 @@
1
- <template>
2
- <Button
3
- icon="icon-park-outline:left"
4
- variant="outline"
5
- color="neutral"
6
- :to="to"
7
- @click="$emit('click')"
8
- >
9
- {{ label || 'กลับ' }}
10
- </Button>
11
- </template>
12
-
13
- <script lang="ts" setup>
14
- defineEmits<{
15
- (e: 'click'): void
16
- }>()
17
-
18
- defineProps<{
19
- to?: string
20
- label?: string
21
- }>()
22
- </script>
1
+ <template>
2
+ <Button
3
+ icon="icon-park-outline:left"
4
+ variant="outline"
5
+ color="neutral"
6
+ :to="to"
7
+ @click="$emit('click')"
8
+ >
9
+ {{ label || 'กลับ' }}
10
+ </Button>
11
+ </template>
12
+
13
+ <script lang="ts" setup>
14
+ defineEmits<{
15
+ (e: 'click'): void
16
+ }>()
17
+
18
+ defineProps<{
19
+ to?: string
20
+ label?: string
21
+ }>()
22
+ </script>