Version 0.7.1

.github/workflows/ci.yml

@@ -29,6 +29,9 @@ jobs:
       - name: Install
         run: pnpm install
 
+      - name: Playwright Install
+        run: npx playwright install
+
       - name: Build
         run: pnpm build
 

eslint.config.js

@@ -0,0 +1,3 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu()

package.json

@@ -1,6 +1,7 @@
 {
   "name": "@compotes/root",
-  "version": "0.7.0",
+  "type": "module",
+  "version": "0.7.1",
   "private": "true",
   "packageManager": "pnpm@8.6.0",
   "description": "Components library focused on accessibility/customization",
@@ -32,21 +33,23 @@
     "build": "pnpm run -r build",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
-    "test": "pnpm run test:types",
+    "test": "pnpm run test:types && pnpm run test:vitest",
+    "test:vitest": "pnpm run -r test:vitest",
     "test:types": "pnpm run -r test:types",
     "prepublishOnly": "pnpm build",
     "docs": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:serve": "vitepress serve docs"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.39.5",
-    "eslint": "^8.43.0",
-    "typescript": "^5.0.4",
-    "vite": "^4.3.9",
-    "vitepress": "1.0.0-beta.3",
-    "vitest": "^0.32.2",
-    "vue": "^3.3.4",
-    "vue-tsc": "^1.8.2"
+    "@antfu/eslint-config": "1.0.0-beta.28",
+    "eslint": "^8.52.0",
+    "playwright": "^1.39.0",
+    "typescript": "^5.2.2",
+    "vite": "^4.5.0",
+    "vitepress": "1.0.0-rc.24",
+    "vitest": "^0.34.6",
+    "vue": "^3.3.6",
+    "vue-tsc": "^1.8.20"
   }
 }

packages/core/package.json

@@ -1,8 +1,8 @@
 {
   "name": "compotes",
   "type": "module",
-  "version": "0.7.0",
-  "packageManager": "pnpm@8.6.0",
+  "version": "0.7.1",
+  "packageManager": "pnpm@8.9.2",
   "description": "Components library focused on accessibility/customization",
   "author": "Applelo",
   "license": "MIT",
@@ -24,8 +24,8 @@
   ],
   "exports": {
     ".": {
-      "require": "./dist/compotes.umd.cjs",
-      "import": "./dist/compotes.js"
+      "import": "./dist/compotes.js",
+      "require": "./dist/compotes.umd.cjs"
     },
     "./css": "./dist/style.css",
     "./css/style.css": "./dist/style.css",
@@ -46,15 +46,16 @@
   "scripts": {
     "dev": "vite build --watch",
     "build": "vite build",
+    "test:vitest": "vitest",
     "test:types": "tsc --noEmit && vue-tsc --noEmit",
     "prepublishOnly": "pnpm build"
   },
   "dependencies": {
     "tabbable": "^6.2.0"
   },
   "devDependencies": {
-    "typescript": "^5.0.4",
-    "vite": "^4.3.9",
-    "vite-plugin-dts": "^2.3.0"
+    "typescript": "^5.2.2",
+    "vite": "^4.5.0",
+    "vite-plugin-dts": "^3.6.1"
   }
 }

packages/core/src/components/_parent.ts

@@ -25,12 +25,12 @@ export interface ParentEvent {
 }
 
 export default abstract class Parent {
-  protected name: string | undefined = undefined
+  protected name = ''
   public el: HTMLElement
   public opts: ParentOptions
   protected events: ParentEvent[] = []
 
-  constructor(el: HTMLElement | string, options: ParentOptions) {
+  constructor(el: HTMLElement | string, options: ParentOptions = {}) {
     const checkEl = typeof el === 'string' ? document.querySelector<HTMLElement>(el) : el
     if (!checkEl)
       throw this.error('The element/selector provided cannot be found.')
@@ -55,7 +55,7 @@ export default abstract class Parent {
   /**
    * Init the component
    */
-  protected init() {
+  public init() {
     this.emitEvent('init')
     if (typeof this.opts.initAccessibilityAttrs === 'undefined' || this.opts.initAccessibilityAttrs)
       this.initAccessibilityAttrs()

packages/core/src/components/collapse.ts

@@ -118,7 +118,7 @@ export default class Collapse extends Parent {
     clearTimeout(this.timeout)
     this.emitEvent(this.expanded ? 'show' : 'hide')
 
-    this.timeout = setTimeout(() => {
+    this.timeout = window.setTimeout(() => {
       this.el.classList.remove('c-collapse--collapsing')
       this.collapsing = false
       this.el.style.height = ''