Perch template: Recipe with schema.org microdata

Perch Template - Recipe

<div vocab="http://schema.org/" typeof="Recipe">
  <h1 property="name"><perch:content id="title" type="text" label="Recipe title" required="true" /></h1>
  <p>By <span property="author"><perch:content id="author" type="text" label="Author" required="true" /></span>,
  <meta property="datePublished" content="<perch:content id="date" type="date" label="Published date" format="Y-m-d" />"><perch:content id="date" type="date" label="Published date" format="F j, Y" /></p>
  <img property="image" src="<perch:content type="image" label="Image" id="Image" width="800" />" alt="<perch:content id="alt" type="text" label="Image description" />" />
  <div property="description"><perch:content id="description" type="textarea" label="Description" size="s" markdown="true" editor="markitup" required="true" /></div>
  <p>Prep Time: <meta property="prepTime" content="PT<perch:content id="preptime" type="text" label="Prep time" required="true" help="Add the preparation time as a number in minutes" size="s" />M" /><perch:content id="preptime" type="text" label="Prep time" /> minutes
  <br />Cook time: <meta property="cookTime" content="PT<perch:content id="cooktime" type="text" label="Cook time" required="true" help="Add the cooking time as a number in minutes" size="s" />M" /><perch:content id="cooktime" type="text" label="Cook time" /> minutes
  <br />Yield: <span property="recipeYield"><perch:content id="yield" type="text" label="Yield" required="true" help="For example - 1 loaf or 12 buns" size="m" /></span></p>

  <div property="nutrition" typeof="NutritionInformation">
    <h3>Nutrition facts:</h3>
    <p><span property="calories"><perch:content id="calories" type="text" label="Calories" required="true" size="s" /> calories</span>,
    <span property="fatContent"><perch:content id="fat" type="text" label="Fat" required="true" help="Amount of fat in grams" size="s" /> grams fat</span></p>
  </div>
      
	<perch:repeater id="ingredients" label="Ingredients">
	<perch:before>
	  <h3>Ingredients:</h3>
	  <ul>
	</perch:before>
    <li><span property="ingredients"><perch:content id="ingredient" type="text" label="Ingredient" /></span>
  <perch:after>
    </ul>
  </perch:after>
  </perch:repeater>
	  
	<perch:repeater id="instructions" label="Instructions">
	  <perch:before>
      <h3>Instructions:</h3>
      <ol property="recipeInstructions">
	  </perch:before>
	
      <li><perch:content id="step" type="text" label="Recipe step" /></li>

    <perch:after>
      </ol>
    </perch:after>
    </perch:repeater>
</div>