https://github.com/greenpdx/template-vue-ts-wasm

A template for Rust WASM development in Vue
https://github.com/greenpdx/template-vue-ts-wasm

rust vue3-typescript wasm wasm-bindgen

Last synced: 25 days ago
JSON representation

A template for Rust WASM development in Vue

• Host: GitHub
• URL: https://github.com/greenpdx/template-vue-ts-wasm
• Owner: greenpdx
• Created: 2024-12-09T17:21:54.000Z (28 days ago)
• Default Branch: main
• Last Pushed: 2024-12-10T18:16:18.000Z (27 days ago)
• Last Synced: 2024-12-10T18:23:22.158Z (27 days ago)
• Topics: rust, vue3-typescript, wasm, wasm-bindgen
• Language: Vue
• Homepage:
• Size: 170 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# wasm-pack + Rust + wasm-bindgen + Vue (plus Typescript and Vite)

This template should help get you started developing WASM modules written in Rust with Vue 3 and TypeScript in Vite.


The template uses


   * Vue 3 `` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.<br>

   * wasm-pack is used to compile Rust to WASM [wasm-pack](https://rustwasm.github.io/wasm-pack/book/) for more information<br>

   * Rust is a great language for codeing WASM because of it's safety and static memory control [Learn Rust](https://www.rust-lang.org/learn) <br>

   * wasm-bindgen is the control of compiling Rust to WASM [wasm-bindgen Guide](https://rustwasm.github.io/docs/wasm-bindgen/) and [wasm-bindgen Documentation](https://docs.rs/wasm-bindgen/latest/wasm_bindgen/)<br>

   * web_sys is the glue between WASM and TypeScript/JavaScript [web_sys Guide](https://rustwasm.github.io/wasm-bindgen/web-sys/index.html) and [web_sys Documentation](https://docs.rs/web-sys/latest/web_sys/)<br>

   * vite is the build system [Vite Dev](https://vite.dev/)

Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).<br>