In this part, we will create the <style> section of the single file component. Follow these instructions to create the component correctly:
- First, we need to make this section scoped, so the CSS rules won't affect any other component of the application:
<style scoped></style>
- Then, we need to add the rules for the container class and the VsInput component:
<style scoped>
.container {
height: 100vh;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
.vs-input {
margin: 5px;
}
</style>
To run the server and see your component, you need to open Terminal (macOS or Linux) or Command Prompt/PowerShell (Windows) and execute the following command:
> npm run serve
Here is your component rendered and running: