Appearance

Component Types ​

File Information ​

  • Path: app/types/components.ts
  • Purpose: Component props and emits interfaces

Overview ​

Component types define props and emits for Vue components. Located in app/types/components.ts.

AssetCardProps ​

AssetCard component props.

typescript
interface AssetCardProps {
  asset: Asset
  selectable?: boolean
  viewMode?: 'grid' | 'list'
}

CollageCardProps ​

CollageCard component props.

typescript
interface CollageCardProps {
  collage: Collage
}

FolderCardProps ​

FolderCard component props.

typescript
interface FolderCardProps {
  folder: Folder
}

SearchBarProps ​

SearchBar component props.

typescript
interface SearchBarProps {
  placeholder?: string
  autofocus?: boolean
}

ShareDialogProps ​

ShareDialog component props.

typescript
interface ShareDialogProps {
  asset: Asset
  visible: boolean
}

Usage ​

typescript
import type { AssetCardProps } from '~/types'

const props = defineProps<AssetCardProps>()

File Path: app/types/components.ts