Skip to content

Slot Machine

We will build a slot machine game to demonstrate how easily a state machine can be created using Fiume.

md
<script setup>
import { useData } from 'vitepress'

const { theme, page, frontmatter } = useData()
</script>

## Results

### Theme Data
<pre>{{ theme }}</pre>

### Page Data
<pre>{{ page }}</pre>

### Page Frontmatter
<pre>{{ frontmatter }}</pre>

Results

Theme Data

{
  "nav": [
    {
      "text": "Home",
      "link": "/"
    },
    {
      "text": "Examples",
      "link": "/examples"
    }
  ],
  "sidebar": [
    {
      "text": "Examples",
      "items": [
        {
          "text": "Slot Machine",
          "link": "/examples"
        }
      ]
    },
    {
      "text": "Documentation",
      "items": [
        {
          "text": "Documentation",
          "link": "/documentation"
        }
      ]
    }
  ],
  "socialLinks": [
    {
      "icon": "github",
      "link": "https://github.com/marco-ippolito/fiume"
    }
  ]
}

Page Data

{
  "title": "Slot Machine",
  "description": "",
  "frontmatter": {
    "outline": "deep"
  },
  "headers": [],
  "relativePath": "examples.md",
  "filePath": "examples.md"
}

Page Frontmatter

{
  "outline": "deep"
}

More

Check out the documentation for the full list of runtime APIs.