Minecraft Crafting Table Component
A Vue component for displaying Minecraft crafting recipes.
Features
- Support for 3x3 crafting grid
- Support for output item display
- Support for output count display
- Support for any planks (any_planks) animation
- Support for custom item names (hover tooltip)
- Uses Minecraft Wiki icon resources
- Responsive design with dark mode support
Usage Examples
Crafting Sticks
Crafting Table (Any Planks)
Component Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
| recipe | Array | Yes | - | Array of 9 grid slots |
| output | String | Yes | - | Output item name |
| outputCount | Number | No | 1 | Output item count |
| itemNames | Object | No | {} | Item name mapping |
Item Name Mapping
Use the itemNames prop to customize item names, which will be shown on hover:
<crafting-table
:recipe="['oak_planks', 'oak_planks', '', '', '', '', '', '', '']"
output="stick"
:item-names="{ 'oak_planks': 'Oak Planks', 'stick': 'Stick' }"
/>Special Items
Any Planks
Using any_planks displays an animated effect of random planks, supporting 12 plank types:
- Oak Planks
- Spruce Planks
- Birch Planks
- Jungle Planks
- Acacia Planks
- Dark Oak Planks
- Mangrove Planks
- Cherry Planks
- Bamboo Planks
- Pale Oak Planks
- Crimson Planks
- Warped Planks