Wind productdevbook

Claude Code Custom Status Line

A custom status line for Claude Code that displays:

Directory name
Model name
Context usage with progress bar and percentage
Git branch with file counts and line changes (added/removed)

Preview

Pinia Colada: The Magical Way of Fetching Data in Vue.js 🍹

What is Pinia Colada? Learning Through an E-commerce Story

Imagine an online store. This store has thousands of products, and customers are constantly viewing products, adding them to cart, and making purchases. Pinia Colada is an amazing tool for managing this store's data!

Pinia Colada is a smart data fetching layer developed for Vue.js. The name might remind you of a cocktail, but it's actually a tool built on top of the Pinia state management library that makes data fetching operations much easier.

What's the Difference Between Pinia and Pinia Colada?

Drizzle ORM PostgreSQL Best Practices Guide (2025)

Latest Drizzle ORM features and optimal schema patterns

Major 2025 Update: PostgreSQL now recommends identity columns over serial types. Drizzle has fully embraced this change.

import { pgTable, integer, text, timestamp, varchar } from 'drizzle-orm/pg-core';

🧠 VSCode Tip: Format Current File with ESLint (No Plugin Needed)

You can run eslint --fix on the currently open file in VSCode without using the ESLint extension by combining a task and a custom shortcut.

Create a .vscode/tasks.json file in your project and add the following:

pnpm install -g eslint

	## Git Update Alias

	You can create a Git alias to easily update your fork by synchronizing it with the original repository (upstream). The alias performs a series of commands to fetch the latest changes from upstream, merge them into your fork, and push the changes to your remote repository.

	### 1. Set up the Alias

	Run the following command in your terminal to define the `git update` alias:

	```bash
	git config --global alias.update '!f() { git fetch upstream && git merge upstream/main && git push origin main; }; f'

	# run
	docker run --name dev-redis -d -p 6379:6379 redis:8.2.2-alpine3.22
	docker run --name dev-postgres -d -p 5432:5432 -e POSTGRES_USER=postgres -e POSTGRES_PASSWORD=postgres postgres:18.0-alpine3.22
	docker run --name dev-mail -d -p 1080:1080 -p 1025:1025 marlonb/mailcrab:latest

	# connect
	DATABASE_POSTGRES_URL=postgres://postgres:postgres@localhost:5432/postgres
	REDIS_URL=redis://localhost:6379


	// #1

	function logWrapper(fn: Function) {
	return function (...args: any[]) {
	console.log(`Calling function with args: ${args}`);
	return fn(...args);
	};
	}

	import { animate } from 'motion'
	import type { AnimationPlaybackControls, ValueAnimationOptions } from 'motion/react'
	import {
	type VNode,
	computed,
	defineComponent,
	h,
	mergeProps,
	reactive,
	useAttrs,

	diskutil list
	diskutil unmountDisk /dev/disk2
	diskutil eraseDisk FAT32 SANDISK /dev/disk2