open-index/open-npm huggingface dataset:
npm package: @inboundasia/vuetify-dialog
Description: for vue 2: `npm install vuetify-dialog` for vue 3: `npm install digitspark-dialog`
Latest version: 2.0.22

## Installtion

for vue 2: `npm install vuetify-dialog`
for vue 3: `npm install digitspark-dialog`

# Local Dev

npm run dev

# Publish

npm publish

# Usages

in your global layout add the component `AppDialog`

```
<script setup>
import { AppDialog } from 'digitspark-dialog'
</script>
```

```
<template>
  <AppDialog />
</template>
```

in other component import the useAppDialog composable

```
<script setup>
import { useAppDialog } from 'digitspark-dialog'

const $dialog = useAppDialog()

function doOpen() {
  $dialog.open({
    component: defineAsyncComponent(() => import('~/components/DialogContent.vue'))
  })
}
</script>
```
npm package: @inboundasia/vuetify-drawer
Description: for vue 2: `npm install vuetify-drawer` for vue 3: `npm install digitspark-drawer`
Latest version: 2.0.11

## Installtion

for vue 2: `npm install vuetify-drawer`
for vue 3: `npm install digitspark-drawer`

# Local Dev

npm run dev

# Publish

npm publish

# Usages

in your global layout add the component `AppDrawer`

```
<script setup>
import { AppDrawer } from 'digitspark-drawer'
</script>
```

```
<template>
  <AppDrawer />
</template>
```

in other component import the useAppDrawer composable

```
<script setup>
import { useAppDrawer } from 'digitspark-drawer'

const $drawer = useAppDrawer()

function doPush() {
  $drawer.push({
    component: defineAsyncComponent(() => import('~/components/DrawerContent.vue'))
  })
}
</script>
```