diff --git a/frontend/src/components/BatchCard.vue b/frontend/src/components/BatchCard.vue
index 734950c7..51941d53 100644
--- a/frontend/src/components/BatchCard.vue
+++ b/frontend/src/components/BatchCard.vue
@@ -29,10 +29,7 @@
{{ batch.price }}
-
+
',
- }
- }
-
- render() {
- this.wrapper = document.createElement('div')
- this.wrapper.classList.add('image-tool')
-
- if (this.data && this.data.url) {
- this._createImage(this.data.url)
- }
-
- this.wrapper.addEventListener('paste', (event) => {
- this._handlePaste(event)
- })
-
- return this.wrapper
- }
-
- _createImage(url) {
- const image = document.createElement('img')
- image.src = url
- image.classList.add('image-tool__image')
- this.wrapper.innerHTML = ''
- this.wrapper.appendChild(image)
-
- const resizeObserver = new ResizeObserver(() => {
- image.style.width = `${this.wrapper.clientWidth}px`
- })
- resizeObserver.observe(this.wrapper)
- }
-
- _handlePaste(event) {
- const clipboardData = event.clipboardData || window.clipboardData
- const items = clipboardData.items
- for (let i = 0; i < items.length; i++) {
- if (items[i].type.indexOf('image') !== -1) {
- const file = items[i].getAsFile()
- const reader = new FileReader()
- reader.onload = (e) => {
- this._createImage(e.target.result)
- }
- reader.readAsDataURL(file)
- }
- }
- }
-
- save(blockContent) {
- const img = blockContent.querySelector('img')
- return {
- url: img.src,
- }
- }
-}