Tip calculator made with Vue.js (v3)

Amount of the bill:

Tip Percent:

{{ tipPercent }}%

Tip to pay: {{currency}}{{ tipToPayDisplay }}

Total amount to pay: {{currency}}{{ total }}

Service quality tip guidelines:

  • Excellent service: 20-30%
  • Good service: 15%
  • Okay service: 10%
  • Poor service: 5%
  • Awful service: 0%