ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Refactor directive to be more specific

This commit is contained in:
Ramon Wenger 2024-02-01 14:55:04 +01:00
parent 9b813f113b
commit f69af1e4cf
2 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/highlights/HighlightSidebar.vue
View File

@ -42,6 +42,8 @@ export interface Props {
highlight: HighlightNode; highlight: HighlightNode;
} }
import vAutoGrow from '@/directives/auto-grow';
const emits = defineEmits(['close', 'update-text']); const emits = defineEmits(['close', 'update-text']);
const close = () => emits('close'); const close = () => emits('close');

3
client/src/helpers/highlight-sidebar.ts
View File

@ -1,6 +1,5 @@
import { App, createApp, ref } from 'vue'; import { App, createApp, ref } from 'vue';
import HighlightSidebar from '@/components/highlights/HighlightSidebar.vue'; import HighlightSidebar from '@/components/highlights/HighlightSidebar.vue';
import autoGrow from '@/directives/auto-grow';
import { HighlightNode } from '@/__generated__/graphql'; import { HighlightNode } from '@/__generated__/graphql';
interface Options { interface Options {
@ -54,8 +53,6 @@ export default {
cleanUp: cleanUp, cleanUp: cleanUp,
}; };
sidebar.directive('auto-grow', autoGrow); // todo: can this be done a different way? maybe use this declaration inside the component itself
sidebar.mount(mountEl); sidebar.mount(mountEl);
setTimeout(() => { setTimeout(() => {