refactor: renamings

This commit is contained in:
Jörn-Michael Miehe 2023-01-25 11:39:58 +00:00
parent 01e88c6059
commit ba066c5779
5 changed files with 14 additions and 14 deletions

View file

@ -8,7 +8,7 @@
<figure class="image"> <figure class="image">
<img src="@/assets/adventskalender.jpg" /> <img src="@/assets/adventskalender.jpg" />
<ThouCanvas> <ThouCanvas>
<Rect <SVGRect
v-for="(rect, index) in rectangles" v-for="(rect, index) in rectangles"
:key="`rect-${index}`" :key="`rect-${index}`"
:rectangle="rect" :rectangle="rect"
@ -19,8 +19,8 @@
v-for="(rect, index) in rectangles_chosen" v-for="(rect, index) in rectangles_chosen"
:key="`rect_chosen-${index}`" :key="`rect_chosen-${index}`"
> >
<Rect :rectangle="rect" :focused="true" /> <SVGRect :rectangle="rect" :focused="true" />
<RectText :rectangle="rect" :text="String(index)" /> <SVGRectText :rectangle="rect" :text="String(index)" />
</template> </template>
</ThouCanvas> </ThouCanvas>
</figure> </figure>
@ -32,14 +32,14 @@ import { Options, Vue } from "vue-class-component";
import { Rectangle } from "../rects/rectangles"; import { Rectangle } from "../rects/rectangles";
import ThouCanvas from "../rects/ThouCanvas.vue"; import ThouCanvas from "../rects/ThouCanvas.vue";
import Rect from "../rects/Rect.vue"; import SVGRect from "../rects/SVGRect.vue";
import RectText from "../rects/RectText.vue"; import SVGRectText from "../rects/SVGRectText.vue";
@Options({ @Options({
components: { components: {
ThouCanvas, ThouCanvas,
Rect, SVGRect,
RectText, SVGRectText,
}, },
props: { props: {
rectangles: Array, rectangles: Array,

View file

@ -17,7 +17,7 @@
<script lang="ts"> <script lang="ts">
import { Vue, Options } from "vue-class-component"; import { Vue, Options } from "vue-class-component";
import { Rectangle } from "../rects/rectangles"; import { Rectangle } from "../rects/rectangles";
import RectPad from "../rects/RectPad.vue"; import RectPad from "./RectangleCanvas.vue";
@Options({ @Options({
components: { components: {

View file

@ -8,12 +8,12 @@
@click.middle="remove_rect" @click.middle="remove_rect"
@dblclick.left="remove_rect" @dblclick.left="remove_rect"
> >
<Rect <SVGRect
v-for="(rect, index) in rectangles" v-for="(rect, index) in rectangles"
:key="`rect-${index}`" :key="`rect-${index}`"
:rectangle="rect" :rectangle="rect"
/> />
<Rect <SVGRect
v-if="preview_visible" v-if="preview_visible"
:focused="true" :focused="true"
:rectangle="preview_rectangle" :rectangle="preview_rectangle"
@ -23,14 +23,14 @@
<script lang="ts"> <script lang="ts">
import { Vue, Options } from "vue-class-component"; import { Vue, Options } from "vue-class-component";
import { Vector2D, Rectangle } from "./rectangles"; import { Vector2D, Rectangle } from "../rects/rectangles";
import ThouCanvas from "./ThouCanvas.vue"; import ThouCanvas from "../rects/ThouCanvas.vue";
import Rect from "./Rect.vue"; import SVGRect from "../rects/SVGRect.vue";
@Options({ @Options({
components: { components: {
ThouCanvas, ThouCanvas,
Rect, SVGRect,
}, },
}) })
export default class extends Vue { export default class extends Vue {