remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

scope use links

Browse Source
This commit is contained in:
Julien Calixte
2023-07-19 17:25:44 +02:00
parent 2d15e1cf26
commit db38eaf639
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/StackedNote.vue
View File

@@ -24,8 +24,8 @@ const props = defineProps<{
const { scrollToFocusedNote } = useQueryStackedNotes() const { scrollToFocusedNote } = useQueryStackedNotes()
const { content } = useFile(props.sha) const { content } = useFile(props.sha)
const { listenToClick } = useLinks('stacked-note', props.sha)
const className = computed(() => `stacked-note-${props.index}`) const className = computed(() => `stacked-note-${props.index}`)
const { listenToClick } = useLinks(className.value, props.sha)
const titleClassName = computed(() => `title-${className.value}`) const titleClassName = computed(() => `title-${className.value}`)
useTitleNotes(props.repo) useTitleNotes(props.repo)

9
src/hooks/useLinks.hook.ts
View File

@@ -1,9 +1,12 @@
import { noteEventBus } from '@/bus/noteEventBus' import { noteEventBus } from '@/bus/noteEventBus'
import { useUserRepoStore } from '@/modules/repo/store/userRepo.store' import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
import { isExternalLink } from '@/utils/link' import { isExternalLink } from '@/utils/link'
import { onUnmounted } from 'vue' import { ComputedRef, onUnmounted, toValue } from 'vue'
export const useLinks = (className: string, sha?: string) => { export const useLinks = (
className: ComputedRef<string> | string,
sha?: string
) => {
const store = useUserRepoStore() const store = useUserRepoStore()
const linkNote: EventListener = (event) => { const linkNote: EventListener = (event) => {
@@ -34,7 +37,7 @@ export const useLinks = (className: string, sha?: string) => {
}) })
} }
const selector = `.${className} a` const selector = `.${toValue(className)} a`
const removeListeners = () => { const removeListeners = () => {
const elements = document.querySelectorAll(selector) const elements = document.querySelectorAll(selector)