# Views Configuration
> This folder should contain all the pages apps components that will be view by user. For better organize we should create 1 component for 1 page.
## 👩💻 Tech Stack
- [vue](https://github.com/vuejs/vue)
- [scss](https://sass-lang.com/)
## 🧩 General
This section will talk about the general configuration how to create and manage a component. For the initial setup, please kindly follow these setup below:
1. Every single file component in the top-level element should be look like :
```
...
```
2. Make sure all the component in this component follow this naming convention
| Item | Case |
| ---- | ---- |
| Component | PascalCase |
| Variables and Props | camelCase |
| Function/Methods | camelCase |
| CSS class | skewer-case |
## 🖼️ Views Component
This folder should containt with page apps component that view by the user, this component file will be in ```PascalCase```