feat(settings): add simple-ping settings (#2118)

packages/widgets/src/notebook/index.ts

@@ -6,22 +6,24 @@ import { defaultContent } from "./default-content";
 
 export const { definition, componentLoader } = createWidgetDefinition("notebook", {
   icon: IconNotes,
-  options: optionsBuilder.from(
-    (factory) => ({
-      showToolbar: factory.switch({
-        defaultValue: true,
+  createOptions() {
+    return optionsBuilder.from(
+      (factory) => ({
+        showToolbar: factory.switch({
+          defaultValue: true,
+        }),
+        allowReadOnlyCheck: factory.switch({
+          defaultValue: true,
+        }),
+        content: factory.text({
+          defaultValue: defaultContent,
+        }),
       }),
-      allowReadOnlyCheck: factory.switch({
-        defaultValue: true,
-      }),
-      content: factory.text({
-        defaultValue: defaultContent,
-      }),
-    }),
-    {
-      content: {
-        shouldHide: () => true, // Hide the content option as it can be modified in the editor
+      {
+        content: {
+          shouldHide: () => true, // Hide the content option as it can be modified in the editor
+        },
       },
-    },
-  ),
+    );
+  },
 }).withDynamicImport(() => import("./component"));