diff --git a/src/main.js b/src/main.js
index 368775c7e..b666f189a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -110,7 +110,7 @@ router.beforeEach(function (to, from, next) {
 
 const app = createApp(App);
 
-app.config.globalProperties.$appState = reactive({inputStyle: 'outlined', darkTheme: false, codeSandbox: false});
+app.config.globalProperties.$appState = reactive({inputStyle: 'outlined', darkTheme: false, codeSandbox: true});
 
 app.use(PrimeVue, {ripple: true});
 app.use(ToastService);