This is a very, very basic setup to get started with building dApps with Vue3, Vite, Hardhat and WindiCSS.
The basic setup is taken from Nader Dabits awesome post The Complete Guide to Full Stack Ethereum Development (see React code here). I just used Vite + Vue3 instead of React because a) I like Vue better than React and b) Vite is fast.
- Use the basic setup described in Naders blog post You'll need MetaMask for at least the local testing.
- Clone this repo via
git clone git@github.com:HerrBertling/simple-vite-eth.git
- Run
yarn
to install all dependencies - Follow the steps outlined in Naders blog post, but swap the React parts and use Vue instead.
- The fun stuff happens in the
App.vue
file, but I've just adjusted Naders code to Vue (and threw in afetchGreeting
on mounting the app). Also, the dev server starts withyarn dev
, not withnpm start
as in the blog post.