JSFiddle - React, Tailwind, and code Playground

by Yeah

HTML

<div id="app">
  <div class="settings">
    <p>{{message}}</p>
    <my-component></my-component>
  </div>
</div>

CSS

.gr-panel-wrap {
    top: -45px;
    right: 60px;
  }

JavaScript

Vue.component('my-component', {
  template: '<div>Пользовательский компонент!</div>'
})

new Vue({
  name: 'BaseSettings',
  data: function () {
    return {
      message: 'Испытай удачу'
    }
  },
}).$mount('#app')