v0.6.4

perf: Navigation
perf: Examples completely converted to tsx files

v0.6.3

chore: vue to 3.0.5
perf: Dialog attached again to #app

v0.6.2

fix: relative paths

v0.6.1

fix: attach dialog to body

v0.6.0

0.6.0

feat: Provider

Uses provide/inject under the hood

Usage

Let's suppose we have a model:

export class Hero {
  constructor(public name: string) {}
}
export class HeroesModel {
  heroes = reactive<Maybe<Hero>[]>([])
  add(hero: Hero) {
    this.heroes.push(hero)
  }
  get count() {
    return this.heroes.length
  }
}

Create Provider on top of tree

MultiProvider.create({
  models: [HeroesModel],
  child: wrapperApp(),
})

And somewhere in tree just call

const heroModel = MultiProvider.get<HeroesModel>(HeroesModel)

feat: Dialog

Popup functionality with support via Navigation

Usage

First - get NavigationController in setup

Be sure that you have Navigation widget on top of tree

const navigationController = MultiProvider.get<NavigationController>(
  NavigationController
)

Second call a function from for example Button.onTap:

ElevatedButton({
  child: Text({
    text: ref('Show dialog'),
  }),
  onTap: () => {
    showDialog({
      builder: Dialog({
        child: Text({ text: ref('Hello World') }),
      }),
      navigationController,
    })
  },
}),

To close, just use navigationController.pop()

feat: Navigator

Used to manage:

• Popup (with background) functionality
• Fullscreen functionality routes (not tested yet)

feat: a little explanation for GridView

v0.5.8

chore: removed vueuse
feat: v-click-outside from jgerigmeyer gist

v0.5.7

possible fix for dropdwn button

v0.5.6

temporary disabled v-click-outside

v0.5.5

fix: callable function

v0.5.4

Update: npm modules