<template>
            <svg class="my-tank" width="300px" height=" 300px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" version="1.1">
            
                <defs>
                    <ref id="paramHeight" param="100" default="100" />
                </defs>
                const { createApp, ref } = Vue
                <path id="liquid" style="fill:#0008ff;fill-opacity:0.8;"
                    :d="m 15,{d+50} c 0,-6 16,-10 36,-10 18,0 34,4 34,10 l 0,31 C 82,{d+86} 69,{d+90} 52,{d+90} 36,{d+90} 18,{d+87} 15,{d+81} z" />
            
            </svg>
</template>
<script>
    export default {
        name: 'MyTank',
        props: {
            height: {
                type: Number,
                default: 0,
            }
        },
        computed: {
            d: ()=>{
                return 50 - this.height;
            }
        }
    }
</script>
<style scoped>
    .my-tank {
        /* Scoped CSS here */
    }
</style>
