From 5774c84a3adb37ccb58c1df4ee95d9864dde87da Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Mon, 10 Jul 2023 10:43:08 +0100
Subject: [PATCH] Refactor

---
 README.md                              | 19 +++++++++++++------
 components/doc/codeeditor/templates.js |  2 +-
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index 2c3afccfc..54999f25e 100644
--- a/README.md
+++ b/README.md
@@ -33,17 +33,15 @@ const app = createApp(App);
 app.use(PrimeVue);
 ```
 
-## Styles
-
-Theme, core and icons are the necessary css files of the components, visit the [Themes](https://primevue.org/theming) section for the complete list of available themes to choose from.
+## Theming
+PrimeVue has two theming has modes; styled or unstyled.
 
+### Styled Mode
+Styled mode is based on pre-skinned components with opinionated themes like Material, Bootstrap or PrimeOne themes. Theme is the required css file to be imported, visit the [Themes](https://primevue.org/theming) section for the complete list of available themes to choose from.
 
 ```javascript
 // theme
 import 'primevue/resources/themes/lara-light-blue/theme.css';
-
-// core
-import 'primevue/resources/primevue.min.css';
 ```
 
 Each PrimeVue theme has its own font family so it is suggested to apply it to your application for a unified look.
@@ -54,7 +52,16 @@ body {
 }
 ```
 
+### Unstyled Mode
+Unstyled mode is disabled by default for all components. Using the PrimeVue plugin during installation, set `unstyled` as true to enable it globally. Visit the [Unstyled mode](https://primevue.org/unstyled) documentation for more information and examples.
 
+```javascript
+import { createApp } from "vue";
+import PrimeVue from "primevue/config";
+const app = createApp(App);
+
+app.use(PrimeVue, { unstyled: true });
+```
 
 ## Usage
 
diff --git a/components/doc/codeeditor/templates.js b/components/doc/codeeditor/templates.js
index 822d882a8..448efaf6a 100644
--- a/components/doc/codeeditor/templates.js
+++ b/components/doc/codeeditor/templates.js
@@ -104,7 +104,7 @@ export default defineConfig({
         [`${path}main.js`]: {
             content: `import "primeflex/primeflex.css";
 import "primevue/resources/themes/lara-light-blue/theme.css";
-import "primevue/resources/primevue.min.css";
+import "primevue/resources/primevue.min.css"; /* Deprecated */
 import "primeicons/primeicons.css";
 import "./index.css";
 import "./flags.css";