From 235fcc1d06b4ceff6c2077b1e5e11717402c0564 Mon Sep 17 00:00:00 2001 From: valere <dev@valerebron.com> Date: Sun, 3 Nov 2024 13:26:03 +0100 Subject: [PATCH] FIX: css annotorious deps --- components/annotorious.vue | 16 ++++++++-------- components/openseadragon.vue | 5 ++--- 2 files changed, 10 insertions(+), 11 deletions(-) diff --git a/components/annotorious.vue b/components/annotorious.vue index ad3600f..263d69d 100644 --- a/components/annotorious.vue +++ b/components/annotorious.vue @@ -13,24 +13,24 @@ </template> <script> -import { Annotorious } from '@recogito/annotorious' -import SelectorPack from '@recogito/annotorious-selector-pack' -import BetterPolygon from '@recogito/annotorious-better-polygon' -import '@recogito/annotorious/dist/annotorious.min.css' +import { Annotorious } from '@annotorious/openseadragon' +import SelectorPack from '@annotorious/selector-pack' +import BetterPolygon from '@annotorious/better-polygon' +import '@annotorious/dist/annotorious.min.css' export default { - data () { + data() { return { anno: null, tools: ['rect', 'polygon', 'point', 'circle', 'ellipse', 'freehand'] } }, - mounted () { + mounted() { this.initAnno() }, methods: { - initAnno () { + initAnno() { this.anno = new Annotorious({ image: document.getElementById('annotorious'), widgets: ['COMMENT'] @@ -70,7 +70,7 @@ export default { console.log('Clicked annotation', annotation) }) }, - getAnotations () { + getAnotations() { const annotations = this.anno.getAnnotations() console.log(annotations) } diff --git a/components/openseadragon.vue b/components/openseadragon.vue index 0177b80..3a6cf2b 100644 --- a/components/openseadragon.vue +++ b/components/openseadragon.vue @@ -9,9 +9,8 @@ // vips dzsave --layout iiif --id /vignemale/dz vignemale.png dz import iiifConfig from './public/deepzoom/vignemale/dz/info.json' -import * as Annotorious from '@recogito/annotorious-openseadragon' -import '@recogito/annotorious-openseadragon/dist/annotorious.min.css'; - +import * as Annotorious from '@annotorious/openseadragon' +// import '@annotorious/openseadragon/dist/annotorious-openseadragon.css' const openSeadragonElt = ref()