Appearance

Return to top
On this page

Vue

You should create a main Vue component named App.vue as the entry point of your Vue application. Your Vue code should be linted using ESLint with the recommended configuration for Vue.js.

Version

Running on Node.js v20.0.0

Supported languages

Javascript

Testing framework

Jest

Special reminders and implementation details

  • Vue Testing Library, a library that is built on top of @vue/test-utils, the official testing library for Vue.

Example with Vue Testing Library:

js
import { render, screen } from '@testing-library/vue'
import App from './App.vue'

describe('App', () => {
  test('Should display "Hello World!"', () => {
    render(App);

    expect(screen.getByText("Hello World!")).toBeInTheDocument();
  })
});
1
2
3
4
5
6
7
8
9
10

Remember to always keep your components modular and make use of Vue's reactivity, computed properties, and directives for efficient data handling and DOM manipulations.

Included libraries