From 2c429496010b9ef284f42b5a63b4b7a775e38e93 Mon Sep 17 00:00:00 2001
From: Lukas Taegert-Atkinson <lukas.taegert-atkinson@tngtech.com>
Date: Fri, 18 Nov 2022 07:24:40 +0100
Subject: [PATCH] adapt docs

---
 docs/999-big-list-of-options.md | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/docs/999-big-list-of-options.md b/docs/999-big-list-of-options.md
index 355917eaac7..034fbad4198 100755
--- a/docs/999-big-list-of-options.md
+++ b/docs/999-big-list-of-options.md
@@ -1717,20 +1717,22 @@ This can not only help with dead code removal, but can also improve JavaScript c
 export default {
   treeshake: {
     preset: 'smallest',
-    manualPureFunctions: ['foo', 'bar.baz']
+    manualPureFunctions: ['styled.div', 'local']
   }
   // ...
 };
 
 // code
-import { lib as bar } from 'external';
-const foo = console.log;
-
-foo(); // removed
-bar.baz(); // removed
-bar(); // not removed
-bar.quuz(); // not removed
-bar?.baz(); // not removed
+import styled from 'styled-components';
+const local = console.log;
+
+local(); // removed
+styled.div`
+  color: blue;
+`; // removed
+styled?.div(); // removed
+styled(); // not removed
+styled.h1(); // not removed
 ```
 
 **treeshake.moduleSideEffects**<br> Type: `boolean | "no-external" | string[] | (id: string, external: boolean) => boolean`<br> CLI: `--treeshake.moduleSideEffects`/`--no-treeshake.moduleSideEffects`/`--treeshake.moduleSideEffects no-external`<br> Default: `true`