dst/store
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor TooltipProvider import in SidebarProvider.vue to use local component path. Update TooltipProvider props to include ignoreNonKeyboardFocus for improved accessibility handling.

Browse Source
This commit is contained in:
Yoga Pangestu 2026-06-12 16:12:53 +07:00
parent 5124317a38
commit 45e06783db
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/js/components/ui/sidebar/SidebarProvider.vue
View File

@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import type { HTMLAttributes, Ref } from "vue" import type { HTMLAttributes, Ref } from "vue"
import { defaultDocument, useEventListener, useMediaQuery, useVModel } from "@vueuse/core" import { defaultDocument, useEventListener, useMediaQuery, useVModel } from "@vueuse/core"
import { TooltipProvider } from "reka-ui" import { TooltipProvider } from "@/components/ui/tooltip"
import { computed, ref } from "vue" import { computed, ref } from "vue"
import { cn } from "@/lib/utils" import { cn } from "@/lib/utils"
import { provideSidebarContext, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from "./utils" import { provideSidebarContext, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME, SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from "./utils"
@ -66,7 +66,7 @@ provideSidebarContext({
</script> </script>
<template> <template>
<TooltipProvider :delay-duration="0"> <TooltipProvider>
<div <div
data-slot="sidebar-wrapper" data-slot="sidebar-wrapper"
:style="{ :style="{

1
resources/js/components/ui/tooltip/TooltipProvider.vue
View File

@ -4,6 +4,7 @@ import { TooltipProvider } from "reka-ui"
const props = withDefaults(defineProps<TooltipProviderProps>(), { const props = withDefaults(defineProps<TooltipProviderProps>(), {
delayDuration: 0, delayDuration: 0,
ignoreNonKeyboardFocus: true,
}) })
</script> </script>