Everything I Know

Appearance

On this page

Vue.js ​

Vitesome is a nice template. Villus is nice Vue GraphQL client. tRPC-Nuxt seems pretty great too.

Nuxt seems nice. Radix Vue & Anu are great Vue component libraries.

Elk has nice code.

Built with Vue ​

Code ​

html
<!-- change theme conditionally, plus show how to apply styles conditionally -->
<script setup lang="ts">
  const theme = ref("dark")

  const changeTheme = () => {
    if (theme.value === "dark") theme.value = "light"
    else theme.value = "dark"
  }
</script>

<template>
  <main
    id="Main"
    :class="
      theme === 'dark'
        ? 'bg-neutral-900 text-white relative'
        : 'bg-white text-black relative'
    "
  >
    <div
      class="dark_mode z-10 fixed top-5 right-5 cursor-pointer"
      @click="changeTheme"
    />
  </main>
</template>

Notes ​