From 8aaafbc3d934989ba28c1703e302937c20f739ab Mon Sep 17 00:00:00 2001
From: Ryan Luu <ryan.luu@ryanluu.dev>
Date: Thu, 16 May 2024 13:57:11 -0700
Subject: [PATCH] Improve code blocks

---
 docs/usage.md | 9 +++++----
 mkdocs.yml    | 1 +
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/docs/usage.md b/docs/usage.md
index decf2a9..f422173 100644
--- a/docs/usage.md
+++ b/docs/usage.md
@@ -35,12 +35,13 @@ More attributes can be found in the [API Reference](api-reference.md). The list
 
 Satchel offers methods and events for scripting purposes. In the below code example we will use the `SetBackpackEnabled` method to disable the Satchel. The script expects the Satchel module to be in [`ReplicatedStorage`](https://create.roblox.com/docs/reference/engine/classes/ReplicatedStorage).
 
-```lua
+``` lua title="LocalScript" linenums="1"
 local ReplicatedStorage = game:GetService("ReplicatedStorage")
 local Satchel = require(ReplicatedStorage:WaitForChild("Satchel"))
 
--- Disable Satchel
-Satchel.SetBackpackEnabled(false)
+Satchel.SetBackpackEnabled(false) -- (1)!
 ```
 
-For the full API reference, see [API Reference](api-reference.md) for more details on attributes, methods, and events for Satchel and how to use Satchel to it's full potential.
\ No newline at end of file
+1. Disable Satchel using the [SetBackpackEnabled](api-reference.md#setbackpackenabled) method.
+
+For the full API reference, see [API Reference](api-reference.md) for more details on attributes, methods, and events for Satchel and how to use Satchel to it's full potential.
diff --git a/mkdocs.yml b/mkdocs.yml
index 2e211cf..319895c 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -15,6 +15,7 @@ theme:
     - content.action.edit
     - content.code.copy
     - content.tooltips
+    - content.code.annotate
     # - navigation.instant
     # - navigation.instant.progress
     - navigation.top