Simplify the process of creating components

Is your feature request related to a problem? Please describe. Creating a component requires four processes as shown below, which is a bit difficult. It has become necessary to establish and operate rules for each project, such as which components and styles correspond to each other.

create component file (Component.spare)
Create component css (component.scss)
Create js file for component (component.js)

Place the component in index.spear

<head>
<link rel="stylesheet" href="{%= localize('/component.css') %}" />
</head>
<body>
<Component></Component>

<script src="{%= localize('/component.js') %}"></script>
</body>

Describe the solution you'd like It would be nice to be able to describe not only html but also styles in components.

# Component.spear
## html

## scss

## js

**機能リクエストは問題に関連していますか？記述してください。コンポーネントを作成すると下記のように4工程が必要になる。どのコンポーネントとスタイルが対応するかなど、プロジェクトごとにルールを決めて運用する必要が生まれている。

コンポーネントファイル(Component.spear)を作成
コンポーネント用css(component.scss)を作成
コンポーネント用jsファイル(component.js)を作成

index.spearにコンポーネントを設置

<head>
<link rel="stylesheet" href="{%= localize('/component.css') %}" />
</head>
<body>
<Component></Component>

<script src="{%= localize('/component.js') %}"></script>
</body>

**あなたが望む解決策を記述してください。

コンポーネント内にhtmlだけでなく、スタイルが記述できたらよさそう

# Component.spear
## html

## scss

## js

unimal-jp / spear

Simplify the process of creating components #182