Find out height of a text line inside a paragraph that is a template ref

Hey guys,

Inside a SFC that's using the Composition API, I have a paragraph element with an assigned template ref of description. I need to programatically figure out the height of a line of text inside my paragraph. Here's what I tried, but my code results in Uncaught TypeError: description.value.style is not a function error in the browser's console.

<script setup>
import { ref } from 'vue';

const description = ref(null);

const getLineHeight = () => {
    const lineHeight = description.value.style('line-height'); // causes error
    const lineHeight = description.value.css('line-height'); // also causes error
    
    console.log( parseInt(lineHeight) );
};
</script>

<template>
    <div class="container">
        <p
            ref="description"
        >
            Here's a bunch of Lorem ipsum text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus accusantium adipisci commodi cupiditate deleniti dolorum eligendi eos fugiat hic inventore, ipsum minima natus necessitatibus numquam odit perferendis praesentium quis sequi?
        </p>

        <button
            @click="getLineHeight()"
        >Get line height</button>
    </div>
</template>

Any thoughts on a working way of achieving this?

Thanks!