Имеется компонент, например,
<template>
{{template}}
</template>
<script>
import cartActions from "../../../../../../templates/components/tooltip-new.twig"
export default {
data() {
return {
}
},
computed: {
template: function() {
return cartActions
}
},
mounted() {
console.log(this.template)
},
components: {
cartActions
}
}
в консоль выводится: ƒ (context) { return template.render(context); }
Я не совсем уверенна, что его импортировать именно как компонент. Так же пробовала его заинклюдить прямо в template, но в консоль сразу посыпались ошибки
<template lang="twig">
{% include "../../../../../../templates/components/tooltip-new.twig" %}
</template>
Uncaught Error: Module build failed: TypeError: Cannot read property 'trim' of undefined
Нужна именно такая реализация, т.к. на всем проект используется twig и только одна страница написана целиком на Vue. Поэтому требуется импортировать некоторые шаблоны прямо твиговские, но пока не совсем понятно как именно это сделать.