kCat-fun commented 9 months ago

Why

UIを表示するため。

What

Nuxt3を使う。

kCat-fun commented 9 months ago

火曜日までにフロントは完成！

kCat-fun commented 9 months ago

FigmaでのUIデザインが終わるまではPending

kCat-fun commented 9 months ago

Figma完成したので今日の昼からInProgressへ移動

kCat-fun commented 9 months ago

コードに変更有 https://github.com/p2hacks2023/pre-03/issues/18#issuecomment-1850309248

@p2hacks2023/pre03

Nuxt3でのComponentの作り方

<template>
   <div>
       ここにコンポーネントを作るためのタグを書いていく
   </div>
</template>

<script>
export default {
    name: 'コンポーネント名' // コンポーネントのフォルダ名と同じ Buttonなど
}
</script>

// cssは以下のcssファイルで設定する
// cssは頑張って書いて（ネットで調べれば色の変え方とか配置の仕方とかやりたいことはたいてい出てくる）
<style src="./index.css" scoped>

kCat-fun commented 9 months ago

scopedが効かない問題が発生原因はcssを別ファイルに分けていること解決方法は分からない（開発のしやすさてきにcssは別ファイルに分けたい）一応vueファイルにに直接書くことでscopedが働くことは分かった

kCat-fun commented 9 months ago

styleタグをscssで指定してscoedを設定し、importでindex.scssを呼ぶことで解決

<style lang="scss" scoped>
@import './index.scss';
</style>

kCat-fun commented 9 months ago

@p2hacks2023/pre03

Nuxt3でのComponentの作り方

※scopedが効かない現象が起きたため変更 https://qiita.com/punkshiraishi/items/9fa219511f2358d519a1

<template>
   <div>
       ここにコンポーネントを作るためのタグを書いていく
   </div>
</template>

<script>
export default {
    name: 'コンポーネント名' // コンポーネントのフォルダ名と同じ Buttonなど
}
</script>

// cssは以下のscssファイルで設定する
// cssは頑張って書いて（ネットで調べれば色の変え方とか配置の仕方とかやりたいことはたいてい出てくる）
<style lang="scss" scoped>
@import './index.scss';
</style>