fix: themes

CHANGELOG.md

@@ -1,3 +1,13 @@
+## 4.1.4 - Released on 2025-05-17
+
+### Fixes
+
+- Fixed incorrect import in Vue with TypeScript
+- Fixed incorrect theme application in Vue with TypeScript
+- Fixed incorrect theme application in React with TypeScript
+
+<br>
+
 ## 4.1.3 - Released on 2025-05-17
 
 ### Features

package.json

@@ -1,6 +1,6 @@
 {
   "name": "prismium-src",
-  "version": "4.1.3",
+  "version": "4.1.4",
   "description": "A modern JavaScript accordion library with smooth animations. Easily integrates with React, Vue, and vanilla JavaScript.",
   "type": "module",
   "scripts": {

src/core/managers/DOMManager.mjs

@@ -93,15 +93,17 @@ export class DOMManager {
    */
   setTheme(el) {
     const { theme } = this.instance.options;
-    if (theme) {
-      el.classList.add(`prismium_${theme}`);
+    console.log(el);
 
+    if (theme) {
       if (typeof theme === 'object') {
         Object.entries(theme).forEach(([key, value]) => {
           if (value) {
             el.classList.add(`prismium_${key}`);
           }
         });
+      } else {
+        el.classList.add(`prismium_${theme}`);
       }
     }
   }

src/types/index.d.ts

@@ -86,17 +86,3 @@ export type PrismiumTheme =
   | 'ocean'
   | 'sunset'
   | { [key: string]: boolean };
-
-/**
- * Effect types available in Prismium
- */
-export type PrismiumEffect =
-  | 'line-by-line'
-  | 'fade-scale'
-  | 'slide'
-  | 'stagger'
-  | 'wave'
-  | 'flip'
-  | 'zoom'
-  | 'cascade'
-  | 'custom';

src/types/modules/effectsModule.d.ts

@@ -1,6 +1,20 @@
-import { PrismiumEffect, PrismiumModule } from '../index';
+import { PrismiumModule } from '../index';
 import Prismium from '../core';
 
+/**
+ * Effect types available in Prismium
+ */
+export type PrismiumEffect =
+  | 'line-by-line'
+  | 'fade-scale'
+  | 'slide'
+  | 'stagger'
+  | 'wave'
+  | 'flip'
+  | 'zoom'
+  | 'cascade'
+  | 'custom';
+
 /**
  * Options for the EffectsModule
  */

src/types/react.d.ts

@@ -1,3 +1,4 @@
+import { EffectsModule } from './modules/index';
 import { PrismiumModule } from './index';
 import { PrismiumOptions } from './options';
 import Prismium from './core';

src/types/vue.d.ts

@@ -1,3 +1,4 @@
+import { EffectsModule } from './modules/index';
 import { PrismiumModule } from './index';
 import { PrismiumOptions } from './options';
 import Prismium from './core';