Tauri - Vuetom Box

Rust + Vue3 + Vite + Ts + Tailwind

Project

tauri:

• src:
  • main.rs
  • lang.rs
  • menu.rs
  • tray.rs
  • winv.rs
  • events
    • mod.rs
    • system.rs

Languages

en, zh, zhHK

Themes

three themes (normal, naruto, wind)

Dark Mode

tailwind: dark: 'class'

button {
  @apply hover:bg-opacity-50 active:bg-opacity-100 ...;
  // light
  @apply bg-green-400 bg-opacity-30;
  // dark
  @apply dark:bg-blue-800 dark:bg-opacity-60;
}

scss var

// light
:root {
  --vt-c-bg: #fff;
}
// dark
.dark {
  --vt-c-bg: #000;
}
// use
.root {
  background-color: var(--vt-c-bg);
}
// Deprecated media
// @media (prefers-color-scheme: dark) {
//   :root { }
// }

Commands

npm scripts

# Install Deps
pnpm install

# Browse in browser
pnpm dev

# Browse in OS
pnpm tauri:dev

# Build App
pnpm tauri:build

rust cargo

cd src-tauri/

cargo add lib

cargo fmt

Rust

waiting...

Features

• Responsive Menu
• DarkMode & Theme
• Languages switching
• Simple Events
• Built in Server
• Dialogs
• Dynamic effect

First edition Preview

Useful

Tauri

script setup docs

rust-analyzer