S4ft Frameworkworkework

import { S4FT } from '@s4ft/core'

const app = new S4FT({
  titulo: 'Minha App',
  idioma: 'pt-BR'
})

app.rota('/', () => {
  return S4FT.renderizar(`
    <div class="container">
      <h1>Olá, Brasil! 🇧🇷</h1>
      <p>Feito com S4FT</p>
    </div>
  `)
})

app.rota('/sobre', () => {
  return S4FT.pagina('sobre.html')
})

export default app

// componentes/Contador.s4ft
import { Componente } from '@s4ft/core'

export default class Contador extends Componente {
  estado = { numero: 0 }

  incrementar() {
    this.estado.numero++
    this.atualizar()
  }

  renderizar() {
    return `
      <div class="contador">
        <h2>Contador: ${this.estado.numero}</h2>
        <button onclick="incrementar()">
          Incrementar
        </button>
      </div>
    `
  }
}