app.vrfd.info Frontend Repository

ETH address verification app.

See dApp user-manual.

Public master branch live here.

Testing develop branch live here.

Scripts

Install dependencies

• pnpm i

Run development server

• pnpm dev

Run unit tests (Vitest)

• pnpm test

Framework Features

Framework derived from @Uninen.

• Vite 3.1
• Vue 3.2
• Pinia store (fully typed Vuex store is available up to version 1.13)
• Routing using vue-router 4
• TypeScript 4.7
• PNPM
• Automatic package and component imports w/ unplugin-auto-import and unplugin-vue-components
• Tailwind CSS 3 w/ following plugins and configuration preinstalled:
  • @tailwindcss/aspect-ratio
  • @tailwindcss/line-clamp
  • @tailwindcss/typography
  • @tailwindcss/forms
  • firefox-variant
• PostCSS 8 w/ postcss-nesting plugin and cssnano for minimizing production CSS
• Eslint
• Prettier, with Volar recommended for VS Code
• Alias @ to <project_root>/src
• Predefined and fully typed global variables:
  • VITE_APP_VERSION is read from package.json version at build time
  • VITE_APP_BUILD_EPOCH is populated as new Date().getTime() at build time
• Using newest script setup syntax w/ Ref sugar (see the official Script Setup documentation and Ref Sugar RFC discussion)
• Vitest unit tests
• GitHub workflows
  • Renovatebot for keeping up with dependencies
  • Automated unit tests
• GitLab CI config available up to versions 2.x