Custom file content

this section is also the basis of usage

Each template has a number of preset files to ensure that the program works properly.

All templates

the javascript is also called vanilla.

• vanilla vanilla-ts vue vue3 vue3-ts react react-ts angular solid svelte test-ts

Default file

• For example: templte vue3-ts.

markdown code

      
      null
    

<template>
  <h1>Hello {{ msg }}</h1>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const msg = ref<string>('world');
</script>

Open Sandbox

Replace default file

• replace /src/App.vue

markdown code

      
      null
    

<template>
  <h1>Hello {{ msg }}</h1>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const msg = ref<string>('world');
</script>

Open Sandbox

Add some file

markdown code

      
      null
    

<template>
  <h1>Hello {{ msg }}</h1>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const msg = ref<string>('world');
</script>

Open Sandbox

React template usage

markdown code

      
      null
    

export default function App() {
  return <h1>Hello world</h1>
}

Open Sandbox