mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-04-22 07:46:15 -04:00
935 B
935 B
Contributing
Commit message semantic
// TODO
Create a tool
Create a .vue
file in pages/tools/[category]/[route].vue
where [category]
correspond to the tool scope and
[route]
will be the path of the file in the url (ex: foo-bar.vue
will be accessible at it-tools.tech/foo-bar).
Here is a template of a component
<template>
<ToolWrapper :config="config()">
Hello world
</ToolWrapper>
</template>
<script lang="ts">
import {Component} from 'nuxt-property-decorator'
import type {ToolConfig} from '@/types/ToolConfig'
import Tool from '~/components/Tool.vue'
@Component
export default class MyComponent extends Tool {
config(): ToolConfig {
return {
title: 'My component',
description: 'The description of my component',
icon: 'mdi-icon',
keywords: ['some', 'keywords', 'here']
}
}
}
</script>
<style scoped lang="less">
// Extra styling here
</style>