svelte, component sample

ChildBox.svelte

<script>
import {link} from 'svelte-spa-router'
export let parentFunc, testNum = 1;
//console.log(display);

//
const testFunc = function() {
  console.log("testFunc");
  testNum = testNum + 1;
  parentFunc(testNum);
}
</script>

<!-- Markup -->
<div class="paginate_wrap text-center ">
  <button class="btn btn-lg btn-outline-dark " type="button" id="button-addon2"
    on:click={testFunc}>Test
  </button>
</div>

test.svelte

<script lang="ts">
/* svelte, component sample */
import ChildBox from './test/ChildBox.svelte';

//
const parentFunc = function(num: number) {
  console.log("parentFunc", num);
}
</script>

<!-- MarkUp -->
<div class="container">
  <h2>test</h2>  
  <hr />
  <ChildBox  parentFunc={parentFunc} />
</div>