cmp_leptos

.vscode/settings.json

{
  "rust-analyzer.cargo.target": "wasm32-unknown-unknown"
}

Tauri

cargo create-tauri-app --beta

# добавить поддержку Android
cargo tauri android init

Tailwind

npm install -D tailwindcss
npm install -D @tailwindcss/forms
npx tailwindcss init

tailwind.config.js

module.exports = {
  content: {
    files:  [
      "*.html",
    "./src/**/*.rs",
    "../../rsiot/src/components/cmp_leptos/components/tailwind/**/*.rs"
    ],
  },
  plugins: [require('@tailwindcss/forms'),],
}

Создать файл input.css в корне проекта:

@tailwind base;
@tailwind components;
@tailwind utilities;

Добавить в index.html:

<html>
  <head>
    <!-- Подключаем стили, которые компилирует Tailwind -->
    <link data-trunk rel="tailwind-css" href="input.css" />
  </head>
</html>

Rustiwind

Для сортировки классов Tailwind можно поставить утилиту:

cargo install rustywind

Вызов:

rustywind --write src/