Vue & bedingtes Rendering mit Template-Tag

Question

ich Dokumentation zu folgen versuchen:

• https://vuejs.org/v2/guide/conditional.html

Aber aus irgendeinem Grunde meine Vorlage funktioniert nicht wie erwartet, sobald ich <template v-if="variable"> vue setzen versagt um etwas zu rendern.

<script type="text/x-template" id="dashboard-inititial-message"> 

<template v-if="okBoom"> 
    <h1>Title</h1> 
    <p>Paragraph 1</p> 
    <p>Paragraph 2</p> 
</template> 

<div v-if="ok"> 
    <h1>Title</h1> 
    <p>Paragraph 1</p> 
    <p>Paragraph 2</p> 
</div> 
<div v-else> 
    <p>ELSE</p> 
</div> 
</script> 

Irgendwelche Ratschläge?

Snippets, das Problem zeigen:

https://jsfiddle.net/o2tL2ems/1/