How to get css as text for elements with dynamic styles?

Question

Vue.js

There is dynamic css, when editing these styles, you need to display them in text with the classes to which they are applied. so that it can be copied, from which side would you approach this, so that it is universal and with a minimum of hardcode classes / refs?

sandbox

Answer 1

one shitcode
two shitcode

Answer 2