Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Simplify the process of creating components #182

Open
pandaulait opened this issue Aug 28, 2023 · 0 comments
Open

Simplify the process of creating components #182

pandaulait opened this issue Aug 28, 2023 · 0 comments

Comments

@pandaulait
Copy link

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.

  1. create component file (Component.spare)
  2. Create component css (component.scss)
  3. Create js file for component (component.js)
  4. 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工程が必要になる。どのコンポーネントとスタイルが対応するかなど、プロジェクトごとにルールを決めて運用する必要が生まれている。

  1. コンポーネントファイル(Component.spear)を作成
  2. コンポーネント用css(component.scss)を作成
  3. コンポーネント用jsファイル(component.js)を作成
  4. 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@pandaulait