# Changelog

This is a Vue component stored at `/src/data/Changelog.vue` used to display all the changes version to version. You can use any features you'd like within here, but it's recommended to simply add new `<details>` elements for each new major release, and mark the most recent one as `open` by default. It is strongly advised to not change any of the code relating to making the changelog appear in a modal.

There is a single version included by default that can serve as a reference of how it is recommended to add a version to the changelog:

```html
<details open>
	<summary>v0.0 Initial Commit - <time>2021-09-04</time></summary>
	This is the first release :D
	<ul>
		<li class="feature">Did everything</li>
		<li class="fix">Had some fun</li>
		<li class="breaking">Removed everything</li>
		<li class="balancing">Created some bugs to fix later</li>
	</ul>
</details>
```

The `details` and `summary` tags will create a section that can be collapsed and uncollapsed. While collapsed only the text in the `summary` tag will appear. By default sections are collapsed, although adding the `open` attribute to the `details` element will change that. 

Within the details of the version, you can add a description and a list of changes for that version. CSS classes have been defined to automatically mark a change as a feature, fix, breaking change, or balancing tweak. You can of course add additional tags as you have full control over the entire component.