I can't find what I'm looking for placeholder: integrations/vue.md

[aliaftabk]

I'm trying to add the placeholder and change the skin color in TinyMCE Editor. The frontend is in Vite + Vue 3 Here is the code:

<editor
        v-model="newMessage"
        @keydown.enter="sendMessagePayload"
        api-key="no-api-key"
        :init="{
          menubar: false,
          statusbar: false,
          plugins: 'lists link code codesample',
          toolbar:
            'bold italic underline strikethrough | link |  bullist numlist  | alignleft | code | codesample',
          codesample_languages: [none],
          formats: {
            code: {
              styles: {
                background:
                  'rgba(var(--sk_foreground_min_solid, 248, 248, 248), 1)',
                'border-left':
                  '1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)',
                'border-right':
                  '1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)',
                'border-top':
                  '1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)',
                'border-bottom':
                  '1px solid rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1)',
                'border-radius': '3px',
                'font-size': '10px',
                'font-variant-ligatures': 'none',
                'line-height': '1.5',
                'margin-bottom': '14px',
                'padding-left': '8px',
                'padding-right': '8px',
                position: 'relative',
                'font-family': 'monospace',
              },
            },
          },
        }"
      />