move BoundingBox def to SVGContent.vue

This commit is contained in:
Tomáš Mládek 2021-01-12 18:06:53 +01:00
parent 8bbcd96050
commit 7361147f85
2 changed files with 12 additions and 9 deletions

View file

@ -6,6 +6,7 @@
<script lang="ts"> <script lang="ts">
import {defineComponent, PropType, ref, watch} from "vue"; import {defineComponent, PropType, ref, watch} from "vue";
import {BoundingBox} from "@/components/SVGContent.vue";
export default defineComponent({ export default defineComponent({
name: "AudioArea", name: "AudioArea",
@ -64,14 +65,6 @@ export interface AudioAreaDef {
src: string src: string
} }
export interface BoundingBox {
x: number,
y: number,
w: number,
h: number,
z: number
}
</script> </script>
<!-- Add "scoped" attribute to limit CSS to this component only --> <!-- Add "scoped" attribute to limit CSS to this component only -->

View file

@ -30,10 +30,20 @@
import {defineComponent, onMounted, reactive, ref} from "vue"; import {defineComponent, onMounted, reactive, ref} from "vue";
import createPanZoom, {PanZoom} from "panzoom"; import createPanZoom, {PanZoom} from "panzoom";
import VideoScroll, {VideoScrollDef, VideoScrollDirection} from "@/components/VideoScroll.vue"; import VideoScroll, {VideoScrollDef, VideoScrollDirection} from "@/components/VideoScroll.vue";
import AudioArea, {AudioAreaDef, BoundingBox} from "@/components/AudioArea.vue"; import AudioArea, {AudioAreaDef} from "@/components/AudioArea.vue";
import Stats from "stats.js"; import Stats from "stats.js";
import {rotate} from "@/utils"; import {rotate} from "@/utils";
export interface BoundingBox {
x: number,
y: number,
w: number,
h: number,
z: number
}
export default defineComponent({ export default defineComponent({
name: "SVGContent", name: "SVGContent",
components: {AudioArea, VideoScroll}, components: {AudioArea, VideoScroll},