php server side rendering

FeatureItem.vue

// FeatureItem.vue

<template>
	<div v-bind:style="{ color: textColor }" v-on:click="toggleColor">
		<h2>{{ feature.name }}</h2>
		<p>{{ feature.description }}</p>
	</div>
</template>

<script>
	import {PropType} from 'vue'
	export default {
		props: ['feature'],
		data() {
			return {textColor: 'black'}
		},
		methods: {
			toggleColor() {
				if (this.$data.textColor == 'black') {
					this.$data.textColor = 'green'
				} else {
					this.$data.textColor = 'black'
				}
			}
		}
	}
</script>