Renderizado de un proyecto en SolidJS

Reto:

import { createSignal, createEffect } from "solid";

const defaultProfile = {
    name: "platzinauta",
    link: "https://twitter.com/?lang=es",
    year: new Date().getFullYear()
}

const [profile, setProfile] = createSignal(defaultProfile)


createEffect(()=> {
    console.log("form: ", profile())
    document.querySelector("#name").textContent  = profile().name 
    document.querySelector("#link").setAttribute("href", profile().link)
    const yearNumber = new Date().getFullYear() - Number(profile().year)
    document.querySelector("#year").textContent = yearNumber
})

document.querySelector("#reload").addEventListener("click", (e) => {
    e.preventDefault()
    const name = document.querySelector("#input_name").value
    const link = document.querySelector("#input_link").value
    const year = document.querySelector("#input_year").value
    if (name != "") defaultProfile.name = name
    if (link != "") defaultProfile.link = link
    if (year != "") defaultProfile.year = year
    setProfile(defaultProfile)
})