-Scriptコンポーネント

mayaa 
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache">
<script type="text/javascript" id="countUpScript">
<!--
  function countUp(text) {
    var sNumb = text.value;
    var iNumb;
    iNumb = parseInt(sNumb) + 1;
    text.value = iNumb.toString();
  }
// -->
</script>
</head>
<body>
  <div id="countUpComponent">
    <form>
      <input name="text" type="text" value="0" size="10">
      <input name="button" type="button" value="count up"
        onClick="countUp(this.form.text);">
    </form>
  </div>
</body>
</html>

こんなのがあったとして、コンポーネントとして貼り付け可能にしようということを企図していたのですが、どうやろうか思いつかん。このままではまんまタペパクリになりそう（笑。"countUpComponent"の部分をコンポーネントとして再利用した際に、"countUpScript"の部分をページに挿入するという動作です。このテンプレに対して.mayaをどう書かせるか。。。