sirius0486

{
	// $0 — tab stop final cursor position
	// $1, $2 for tab stops — tab stop to specify the cursor location and allow the user to customize the the name of the component
	// ${1:label}, ${2:another} for placeholders.
	// ${TM_FILENAME_BASE} — variable for getting the current filename
  // \t 
	// /capitalize

	// JS & TS import snippets
  "Print to console": {

sirius0486

Mac

Mac 系统内置快捷键

Commands	Usage	Mean
Command + A	全选	Select All
Command + X	剪切	Cut
Command + C	复制	Copy
Command + V	粘贴	Paste

sirius0486

function sw() {
	git switch $args
}

function unresolve() {
	git checkout --conflict=merge --
}

# temporarily ignoring files
function ignore() {

sirius0486

"use client"

import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
import { Button } from "@/components/ui/button"
import {
  HoverCard,
  HoverCardContent,
  HoverCardTrigger,
} from "@/components/ui/hover-card"
import { LogOut } from "lucide-react"

sirius0486

import Link from "next/link"
import { AlertCircle } from "lucide-react"

import { Button } from "@/components/ui/button"
import {
  Card,
  CardContent,
  CardDescription,
  CardFooter,
  CardHeader,

sirius0486

import { Button } from "@/components/ui/button"
import { Card, CardContent, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { AlertTriangle } from "lucide-react"
import Link from "next/link"

export default function Custom500() {
  return (
    <div className="min-h-screen flex items-center justify-center bg-gray-100 dark:bg-gray-900">
      <Card className="w-full max-w-md">
        <CardHeader>

sirius0486

import { Loader2 } from "lucide-react"
import { Card, CardContent } from "@/components/ui/card"

export default function Loading() {
  return (
    <div className="absolute inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm">
      <Card className="w-[300px]">
        <CardContent className="flex flex-col items-center justify-center p-6">
          <Loader2 className="h-10 w-10 animate-spin text-primary" />
          <p className="mt-4 text-lg font-semibold text-primary">Loading...</p>

sirius0486

import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
import { Button } from "@/components/ui/button"
import { Mail, Clock, AlertTriangle } from 'lucide-react'

export default function MaintenancePage() {
  return (
    <div className="min-h-screen bg-background flex items-center justify-center p-4">
      <Card className="w-full max-w-lg">
        <CardHeader>

sirius0486

{
  "name": "admin-dashboard",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev --turbopack",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },

sirius0486

// types.ts
export interface User {
  id: string;
  name: string;
  email: string;
}

export interface Post {
  id: string;
  title: string;