vue3 and composition api support is here !

[iChenLei]

mobxjs/mobx-vue#60 [RFC] mobx-vue v3

I decided add vue3 support via mobx-vue-lite after consideration. mobx-vue current only support vue2 and mobx( v6 >= 2.1.* , v2|v3|v4|v5 < 2.1.0). @wobsoriano , Robert Soriano Thanks for youre great work for vue3 support, now you are mobxjs/mobx-vue-lite project's maintainer , continue your great work please. 🚀

[wobsoriano]

Thank you! Happy to be here.

So I imported the files from https://github.com/wobsoriano/mobx-vue-lite. Should we publish a new package?

[iChenLei]

No, mobx-vue-lite is ok. mobx-vue support vue2 and mobx-vue-lite support vue3. We don't need publish another new package. Please @ me if you need any help, thanks. ( Hope i am not misunderstanding your meaning

[wobsoriano]

Okay. All good, thanks!

[EverSeenTOTOTO]

Very greate efforts! Thanks for everyone here. Really, I believe the future of state management in frontend is Simple Functional Component + Well Designed Domain Models (and the models, stores, services are driven by libs like mobx.

import { useState } from "react"
import { observer, useLocalObservable } from "mobx-react-lite"

export default observer(() => {
    const state = useLocalObservable(() => ({
      count: 0,
      get double() {
        return this.count * 2
      },
      increment() {
        this.count++
      }
    }))

    //...
})

import { defineComponent } from 'vue'
import { useLocalObservable } from 'mobx-vue-lite'

export default defineComponent({
    setup() {
        const state = useLocalObservable(() => ({
            count: 0,
            get double() {
                return this.count * 2
            },
            increment() {
                this.count++
            }
        }))

        return { state }
    }
})