feat: feature component styling #21

	name: "build"
	on:
	push:
	branches:
	- '*'
	pull_request:
	branches:
	- '*'
	workflow_dispatch:

	jobs:
	build:
	strategy:
	matrix:
	os: [ ubuntu-latest ]
	runs-on: ${{ matrix.os }}

	steps:
	- name: Checkout
	uses: actions/checkout@v3
	with:
	fetch-depth: 1

	- name: Setup Node.js
	uses: actions/setup-node@v3
	with:
	node-version: '18.x'
	registry-url: 'https://registry.npmjs.org'

	- name: Setup pnpm
	uses: pnpm/action-setup@v2

	- name: Get pnpm store
	id: pnpm-cache
	run: \|
	echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"

	- name: Setup pnpm cache
	uses: actions/cache@v3
	with:
	path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
	key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
	restore-keys: \|
	${{ runner.os }}-pnpm-store-

	- name: Install dependencies
	run: pnpm install

	- name: Build
	run: pnpm build

	deploy:
	name: "deploy"
	needs: build
	runs-on: ubuntu-latest
	steps:
	- name: Checkout
	uses: actions/checkout@v3

	- name: Connect deploy key
	uses: cloudtype-github-actions/connect@v1
	with:
	token: ${{ secrets.CLOUDTYPE_TOKEN }}
	ghtoken: ${{ secrets.GHP_TOKEN }}

	- name: Deploy
	uses: cloudtype-github-actions/deploy@v1
	with:
	token: ${{ secrets.CLOUDTYPE_TOKEN }}
	project: pleahmacaka/ait
	stage: main
	yaml: \|
	name: front
	app: node@18
	options:
	env:
	- name: NODE_ENV
	value: production
	start: npm run preview -- --host
	install: npm install
	build: npm run build
	context:
	git:
	url: git@github.com:${{ github.repository }}.git
	ref: ${{ github.ref }}

Provide feedback