refactor: renamings
This commit is contained in:
parent
01e88c6059
commit
ba066c5779
5 changed files with 14 additions and 14 deletions
|
@ -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,
|
||||||
|
|
|
@ -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: {
|
||||||
|
|
|
@ -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 {
|
Loading…
Reference in a new issue