Что не так — не работают пропсы в связке VUE + Ruby on Rails?

Question

[rusrich]

Не получается передать пропсы в VUE.
В консоли vue получаю:

props:
    message: undefined

// views:

<div id="rails" class="container" data-behavior="vue">
  <app :message="<%= "Any text".to_json %>"></app>
</div>

// application.js

import Vue from 'vue'
import App from '../app.vue'

document.addEventListener('DOMContentLoaded', () => {
  const el = document.body.appendChild(document.createElement('application'))
  const app = new Vue({
  el: '[data-behavior="vue"]',
    render: h => h(App, 'app')
  })
})

// app.vue

<template>
  <div id="app">
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  props: ['message'],
}
</script>

<style scoped>
p {
  font-size: 2em;
  text-align: center;
}
</style>

Все что смог найти в интернете делают примерно так, только, используя turbolinks.
С турболинкс у меня не отображается компонент root и app, при этом консоль ошибки не выдает.

Где я допускаю ошибку?

Comments

[Andrey Suha]

У меня была похожая проблема только вместо рельс был ларавель, там это фиксилось одинарными скобками :message='<%= "Any text".to_json %>'

[rusrich]

Andrey Suha, Спасибо большое за предложение. Как-нибудь проверю.
Нашел решение на stackoverflow. Ссылка ниже.

Answer 1

[rusrich]

У кого возникнут проблемы, вот решение.