How to apply color from color picker to an element?

[kentforth]

I have a view where I use photoshop color picker:

<div class="color-picker">
     <photoshop-picker v-model="color"/>
</div>

I have an element where I want to change background color:

<textarea
    name="category-textarea"
        id="category-textarea"
    cols="30"
    rows="1"
        :style="{ backgroundColor: color }"
        ></textarea>

I imported it in script area like this:

<script>
import { Photoshop } from "vue-color";
export default {
    components: {"photoshop-picker": Photoshop },
    mounted() {},
    data() {
        return {
            color: "#7163E0"
        };
    }
};
</script>

How can I apply color from color picker to background color of textarea?

[hurradieweltgehtunter]

try

:style="{ 'background-color': color; }"

(not tested)