Feat/ci updates

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.github/CODEOWNERS

@@ -0,0 +1 @@
+* @mrksbnc

.github/workflows/release.yml

@@ -0,0 +1,34 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - main
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+
+      - name: Use Node.js 22
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Create Release Pull Request or Publish to npm
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          publish: pnpm changeset:publish
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/test.yml

@@ -0,0 +1,36 @@
+name: Test
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 2
+
+      - uses: pnpm/action-setup@v4
+
+      - name: Use Node.js 22
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+      - name: ESLint
+        run: pnpm lint
+
+      - name: Prettier
+        run: pnpm format:check
+
+      - name: Build Packages
+        run: pnpm build
+
+      - name: Run Tests
+        run: pnpm test:unit

.gitignore

@@ -29,5 +29,6 @@ coverage
 
 *.tsbuildinfo
 
+components-js
 components-js/
 demo/

.pre-commit-config.yaml

@@ -0,0 +1,16 @@
+repos:
+  - repo: local
+    hooks:
+      - id: type-check
+        name: Type Check
+        language: system
+        entry: pnpm type-check
+        stages: [pre-push]
+        pass_filenames: false
+
+      - id: format-check
+        name: Check Formatting
+        language: system
+        entry: pnpm format:check
+        stages: [pre-push]
+        pass_filenames: false

README.md

@@ -1,23 +1,29 @@
-# livekit-vue
-
-Vue implementation of the LiveKit componen-js library.
+# LiveKit Vue
 
 ## Installation
 
-To add this package to your project, run:
+Then you can install the package with:
 
 ```bash
 npm install @mrksbnc/livekit-vue
 ```
 
 ## Usage
 
-```vue
+To enable livekit-vue in your project you need to import the compiled `css` file from the package in your `main.js`, and `main.ts` files.
+
+```js
+import '@mrksbnc/livekit-vue/dist/index.css';
+```
+
+After this, you can use the components like any other after importing them.
+
+```html
 <template>
   <lk-room :token="token" :server-url="serverUrl" />
 </template>
 
 <script setup lang="ts">
-import { LkRoom } from '@mrksbnc/livekit-vue';
+  import { LkRoom } from '@mrksbnc/livekit-vue';
 </script>
 ```