/vue3todo

Primary LanguageJavaScriptMIT LicenseMIT

TodoMVC built with Vue 3 Composition Api and Vuex

Build Status Dependencies Status

The well-known TodoMVC built with Vue 3 Composition Api and Vuex in a structured and testable way.

TodoMVC Vue

Edit and try it out online

Concepts and tools covered

Usage

After installing the dependencies the following NPM scripts become available:

  • start: starts the application in development mode on http://localhost:9000
  • build: bundles the application for production into the dist folder
  • test: runs unit and E2E tests
  • test:unit: runs unit tests with Mocha and Chai in the src folder suffixed with *.spec.js
  • test:e2e: runs E2E tests with Cypress in the tests/e2e folder suffixed with *.spec.js
  • format: formats the code with Prettier within the src folder
  • lint: lint files with ESLint based on Airbnb's styleguide and the Prettier config

Component architecture

Architecture

Application is compatible with Vue devtools

Series

This implementation is part of a series where the same application was implemented with the same architecture.