Example base Svelte template

ComponentTemplate.svelte

<script>
    // You can import any dependencies here, e.g.:
    import { toUppercase } from '../utils/to-uppercase'
    // If you need to manage state in your component, you can set variables here, e.g.
    let myValue = toUppercase('hello')
</script>

<div>
  <h1 class="title">My HTML goes here - {myValue}</h1>
</div>

<style>
.title {
  color: deeppink;
}
</style>

to-uppercase.js

export const toUppercase = (value) => {
  return value.toUpperCase()
}