Vuetify components styling using props

HomePage.vue

<template>
  <v-container px-5>
    <v-row justify="center">
      <v-col cols="6">
        <v-card color="green">
          <v-card-title>Chocolate cheesecake recipe</v-card-title>
          <c-card-text>
            <ul>
              <li>5 eggs</li>
              <li>1 cup of warm milk</li>
              <li>2 cups of flour</li>
              <li>1/2 cup of sugar</li>
              <li>...</li>
            </ul>
          </c-card-text>
        </v-card>
      </v-col>
    </v-row>
  </v-container>
</template>

<script>
export default {
  name: 'HomePage'
}
</script>