open-index/open-npm huggingface dataset:
npm package: @kvrjs/cli
Description: Cli for @kvr/core
Author: Artem khlopov
Latest version: 0.3.0

# KVR

Это мощный фреймворк нового поколения обьеденивший в себе все новые концепции

# Первый проект

Создайте проект с помощью cli

```bash
npm install -g @kvrjs/cli

npx create-kvr-app
```

Установите зависимости

```bash
npm install
```

Стартуйте

```bash
npm run dev
```

# Концпепции

- Реактивность возведенная в абсолют. Реактивно все!
- Веб компоненты
- Долой CJS. Дайте ES Modules

# Доп пакеты

- @kvrjs/store - добавляет глобальный стор

# Ближайшие доработки

1. Ничего, он идеален)

# Репо

[Gitlab](https://gitlab.com/khlopovartem4321/kvr)

# Контакты

Если есть желание помочь с разработкой можно

- закинуть issue на gitlab
- связаться по [почте](mailto:khlopovartem4321@gmail.com)
- помочь деньгами (2202203263523682 сбер)
npm package: @kvrjs/core
Description: Powerful Frontend framework using ES Modules and Web Components
Author: Artem khlopov
Latest version: 0.3.0

# KVR

Это мощный фреймворк нового поколения обьеденивший в себе все новые концепции

# Первый проект

Создайте проект с помощью cli

```bash
npm install -g @kvrjs/cli

npx create-kvr-app
```

Установите зависимости

```bash
npm install
```

Стартуйте

```bash
npm run dev
```

# Концпепции

- Реактивность возведенная в абсолют. Реактивно все!
- Веб компоненты
- Долой CJS. Дайте ES Modules

# Доп пакеты

- @kvrjs/store - добавляет глобальный стор

# Ближайшие доработки

1. Ничего, он идеален)

# Репо

[Gitlab](https://gitlab.com/khlopovartem4321/kvr)

# Контакты

Если есть желание помочь с разработкой можно

- закинуть issue на gitlab
- связаться по [почте](mailto:khlopovartem4321@gmail.com)
- помочь деньгами (2202203263523682 сбер)
npm package: @kvrjs/store
Description: Store for @kvrjs/compiler
Author: Artem khlopov
Latest version: 0.2.0

# @kvrjs/store

### Дополнение к фреймворку KVR
### Реализует сторы

# Установка 

```bash
npm install @kvrjs/store
```

# Использование

```js
import {createStore} from '@kvrjs/store'

export const store =
    createStore({
        methods: (state) => ({
            increment: () => {
                state.value.count++;
            }
        }),
        name: 'data',
        initialValue: () => ({
            count: 0
        }),
        computed: (state) => ({
            double: () => state.value.count * 2
        })
    })
```

В компоненте

```
<script>
import {store} from './store';
</script>

<template>
    <div>{{store.state.value.count}}</div>
    <button :onclick="store.methods.increment">Update</button>
    <div>{{store.computed.double.value}}</div>
</template>
```

## Так же есть дополнения/плагины

### persist
```js
import {createStore, persist} from '@kvrjs/store'

export const store = persist(
    createStore({
        methods: (state) => ({
            increment: () => {
                state.value.count++;
            }
        }),
        name: 'data',
        initialValue: () => ({
            count: 0
        }),
        computed: (state) => ({
            double: () => state.value.count * 2
        })
    })
)
```