В приложении Laravel 5.8 / vuejs / vuex / mysql мне нужно добавить полосовую подписку с помощью «laravel / cashier». Я установил «laravel / cashier» и попытался добавить кнопку полосы, как я это делаю в приложениях Laravel / blade:
<div class="mb-3">
<form action="/your-server-side-code" method="POST">
<script
src="https://checkout.stripe.com/checkout.js" class="stripe-button"
:data-key="config_stripe_public_key"
data-amount="123"
data-name="Stripe Demo"
data-description="Online course about integrating Stripe"
data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
data-locale="auto"
data-currency="usd">
</script>
</form>
</div>
Но я получил ошибку:
Ошибка компиляции шаблона:
Шаблоны должны отвечать только за сопоставление состояния с пользовательским интерфейсом. Избегайте размещения в шаблонах тегов с побочными эффектами, например, так как они не будут анализироваться.
Какой правильный способ включить и использовать laravel / cashier в приложении vuejs?