diff --git a/docs/app.config.ts b/docs/app.config.ts index ff4a950..3f10471 100644 --- a/docs/app.config.ts +++ b/docs/app.config.ts @@ -1,7 +1,7 @@ // https://github.com/nuxt-themes/docus/blob/main/nuxt.schema.ts export default defineAppConfig({ docus: { - title: 'Docus', + title: 'Notifier', description: 'The best place to start your documentation.', image: 'https://user-images.githubusercontent.com/904724/185365452-87b7ca7b-6030-4813-a2db-5e65c785bf88.png', socials: { diff --git a/docs/content/0.index.md b/docs/content/0.index.md index d909fd8..0af69e8 100644 --- a/docs/content/0.index.md +++ b/docs/content/0.index.md @@ -15,85 +15,84 @@ cta: - /introduction/getting-started secondary: - Open on GitHub → - - https://github.com/nuxt-themes/docus + - https://github.com/kieuminhcanh/vuetify-notifier --- #title -The best place to start your documentation. +Vuetify Notifier #description -Write pages in [Markdown](https://content.nuxtjs.org), use [Vue](https://vuejs.org) components and enjoy the power of [Nuxt](https://nuxt.com). +Simple yet fully customizable notifications, dialogs, and directives for your Vuetify applications. #extra ::list - - **+50 Components** ready to build rich pages - - **Docs** and **Page** layouts - - Start from a `README`, scale to a framework documentation - - Navigation and Table of Contents generation - - Fully configurable design system - - Leverages [**Typography**](https://typography.nuxt.space/) and [**Elements**](https://elements.nuxt.dev) - - Used on [Content Documentation](https://content.nuxtjs.org) + - Display beautiful and informative notifications with various types (success, error, warning, info) and customizable options. + - Built-in dialog types for alerts, confirmations, and prompts. + - Seamless integration with Vuetify's styling and components. + - Support for custom content and actions. + - Transform any Vue component into a modal dialog with a single line of code. :: #support ::terminal --- content: - - npx nuxi@latest init -t themes/docus - - cd docs - - npm install - - npm run dev + - NUXT INSTALL + - npx nuxi@latest module add vuetify-notifier + - + - VUE PROJECT INSTALL + - npm install -D vuetify-notifier --- - :: + :: :: ::card-grid #title -What's included +Key Features #root :ellipsis{left=0px width=40rem top=10rem blur=140px} #default - ::card{icon=logos:nuxt-icon} + ::card{icon=mdi:bell-outline} #title - Nuxt Architecture + Notifications #description - Harness the full power of [Nuxt 3](https://v3.nuxtjs.org) and its [modules](https://modules.nuxtjs.org) ecosystem. + Display beautiful and informative notifications with various types (success, error, warning, info) and customizable options. :: - ::card{icon=IconNuxtStudio} + ::card{icon=mdi:alert-circle-outline} #title - Nuxt Studio ready + Dialogs #description - Edit your theme content and appearance with live-preview within [Nuxt Studio](https://nuxt.studio). + Create engaging and interactive dialogs with minimal effort, including alerts, confirmations, and prompts. :: - ::card{icon=logos:vue} + ::card{icon=mdi:cursor-pointer} #title - Vue Components + Directives #description - Use built-in components (or your own!) inside your content. + Add powerful functionalities to your elements with custom directives like `v-confirm` and `v-input`. :: - ::card{icon=simple-icons:markdown} + ::card{icon=mdi:view-grid-plus-outline} #title - Write Markdown + Component as Dialog #description - Enjoy the ease and simplicity of Markdown and discover [MDC syntax](https://content.nuxtjs.org/guide/writing/mdc). + Transform any Vue component into a modal dialog with a single line of code. :: - ::card{icon=noto:rocket} + ::card{icon=mdi:vuetify} #title - Deploy anywhere + Seamless Vuetify Integration #description - Zero config on [Vercel](https://vercel.com) or [Netlify](https://netlify.com). Choose between static generation, on-demand rendering (Node) or edge-side rendering on [CloudFlare workers](https://workers.cloudflare.com). + Enjoy perfect compatibility and styling consistency with your Vuetify projects. :: - ::card{icon=noto:puzzle-piece} + ::card{icon=mdi:feather} #title - Extensible. + Lightweight and Performant #description - Customize the whole design, or add components using slots - you can make Docus your own. + Minimize overhead and ensure smooth performance in your applications. :: :: diff --git a/docs/content/1.introduction/1.getting-started.md b/docs/content/1.introduction/1.getting-started.md index 4c08c14..91df4fb 100644 --- a/docs/content/1.introduction/1.getting-started.md +++ b/docs/content/1.introduction/1.getting-started.md @@ -1,57 +1,36 @@ # Getting Started -From your Markdown files to a deployed website in few minutes. +Add notifications, dialogs, and directives to your Vuetify application in minutes. -## Play online +## Install in your project -You can start playing with Docus in your browser using Stackblitz: - -:button-link[Play on StackBlitz]{size="small" icon="IconStackBlitz" href="https://stackblitz.com/github/nuxt-themes/docus-starter" blank} - -## Create a new project - -1. Start a fresh Docus project with: +### Nuxt Project ```bash [npx] -npx nuxi@latest init docs -t themes/docus +npx nuxi@latest module add vuetify-notifier ``` -2. Install the dependencies in the `docs` folder: +### Vue Project ::code-group ```bash [npm] - npm install + npm install vuetify-notifier ``` ```bash [yarn] - yarn install + yarn install vuetify-notifier ``` ```bash [pnpm] - pnpm install --shamefully-hoist + pnpm install vuetify-notifier ``` - :: -3. Run the `dev` command to start Docus in development mode: - +## Try it out ::code-group -```bash [npm] -npm run dev -``` - -```bash [yarn] -yarn dev -``` - -```bash [pnpm] -pnpm run dev -``` - -:: - -::alert{type="success"} -✨ Well done! A browser window should automatically open for + ::code-block{label="Preview" preview} + :sandbox{src="https://stackblitz.com/edit/vuetify-notifier?embed=1&file=src%2FApp.vue&view=preview"} + :: :: diff --git a/docs/content/1.introduction/2.project-structure.md b/docs/content/1.introduction/2.project-structure.md deleted file mode 100644 index 1446a52..0000000 --- a/docs/content/1.introduction/2.project-structure.md +++ /dev/null @@ -1,21 +0,0 @@ -# Project Structure - -Docus is a Nuxt theme that provides a ready-to-use documentation website, if you are familiar with Nuxt, you will feel right at home. - -## Directory Structure - -This is the minimal directory structure to get an up and running Docus website. - -```bash -content/ - index.md -app.config.ts -nuxt.config.ts -``` - -The `content/` directory is where you [write Markdown pages](/introduction/writing-pages). - -The `app.config.ts` is where you [configure Docus](/introduction/configuration) to fit your branding and design. - - -The `nuxt.config.ts` is your [Nuxt configuration](https://nuxt.com/docs/getting-started/configuration). diff --git a/docs/content/1.introduction/2.usage.md b/docs/content/1.introduction/2.usage.md new file mode 100644 index 0000000..b89d2b3 --- /dev/null +++ b/docs/content/1.introduction/2.usage.md @@ -0,0 +1,86 @@ +# Usage + +## Nuxt Project + +Add `vuetify-notifier` module to `nuxt.config.ts` and configure it: +::code-group + +```ts [nuxt.config.ts] +export default defineNuxtConfig({ + modules: [ + 'vuetify-nuxt-module', // Required + 'vuetify-notifier/nuxt' + ], + notifier:{ + /* module specific options */ + } +}) +``` +:: + +Add `VNotifierContainer` to `VMain` component of `app.vue` or `default. +vue` layout + +::code-group + +```vue [app.vue] + +``` + +```vue [layouts/default.vue] + +``` +:: + +## Vue Project + +`Vuetify Notifier` only work when vuetify installed. See more [Vuetify Install guide](https://vuetifyjs.com/en/getting-started/installation/#using-laravel-mix) + +Add `vuetify-notifier` plugin to `main.ts` and configure it: + +::code-group + +```ts [main.ts] +... +import VuetifyNotifier from "vuetify-notifier"; + +const vuetify = createVuetify({ + ... +}) + +createApp(App) + .use(vuetify) // Required + .use(VuetifyNotifier) + .mount('#app') +``` +:: + +Add `VNotifierContainer` to `VMain` component of `App.vue` + +::code-group + +```vue [App.vue] + +``` +:: diff --git a/docs/content/1.introduction/3.writing-pages.md b/docs/content/1.introduction/3.writing-pages.md deleted file mode 100644 index 1770ac8..0000000 --- a/docs/content/1.introduction/3.writing-pages.md +++ /dev/null @@ -1,41 +0,0 @@ -# Writing Pages - -Docus is made to let you write all your content in Markdown and Vue components with the MDC syntax. - -Each Markdown page in the `content/` folder will be mapped to a route. - -| File | Generated route | -| ------------------------ | :-------------------- | -| `index.md` | `/` | -| `about.md` | `/about` | -| `blog/index.md` | `/blog` | -| `blog/hello.md` | `/blog/hello` | -| `1.guide/2.installation` | `/guide/installation` | - -## Frontmatter - -Docus supports multiple Front-matter attributes for pages. - -```md [index.md] ---- -title: "Get Started" -description: "Let's learn how to use my amazing module." ---- -``` - -| **Key** | **Type** | **Default** | **Description** | -| ----------------------- | --------- | ----------- | ------------------------------------------------------------- | -| `layout` | `string` | `default` | Use any layout name like you would in `definePageMeta()` | -| `title` | `string` | | Defines the page title and H1 in docs pages | -| `description` | `string` | | Defines the page description and excerpt in docs pages | -| `redirect` | `string` | | A route path to redirect | -| `image` | `object` | | OpenGraph cover image | -| **Docs layout options** | | | | -| `aside` | `boolean` | | Toggles the visibility of aside navigation | -| `toc` | `boolean` | | Toggles the visibility of table of contents | -| `header` | `boolean` | | Toggles the visibility of the page header | -| `bottom` | `boolean` | | Toggles the visibility of page bottom section | -| **Navigation options** | | | | -| `navigation` | `boolean` | | Toggles the visibility of the page or directory in navigation | -| `navigation.title` | `string` | | Changes the name of the page or directory in navigation | -| `navigation.icon` | `string` | | Changes the icon of the page or directory in navigation | diff --git a/docs/content/2.api/1.components.md b/docs/content/2.api/1.components.md deleted file mode 100644 index 74b17d8..0000000 --- a/docs/content/2.api/1.components.md +++ /dev/null @@ -1,693 +0,0 @@ -# Components - -Discover every component you can use in your content. - - -## `` - -::code-group - - ::code-block{label="Preview" preview} - ::alert{type="info" style="margin-top: 0;"} - Check out an **info** alert with `code` and a [link](/). - :: - - ::alert{type="success"} - Check out a **success** alert with `code` and a [link](/). - :: - - ::alert{type="warning"} - Check out a **warning** alert with `code` and a [link](/). - :: - - ::alert{type="danger" style="margin-bottom: 0;"} - Check out a **danger** alert with `code` and a [link](/). - :: - :: - - ```md [Code] - ::alert{type="info"} - Check out an **info** alert with `code` and a [link](/). - :: - - ::alert{type="success"} - Check out a **success** alert with `code` and a [link](/). - :: - - ::alert{type="warning"} - Check out a **warning** alert with `code` and a [link](/). - :: - - ::alert{type="danger"} - Check out a **danger** alert with `code` and a [link](/). - :: - ``` - -:: - - - -::source-link ---- -source: "components/content/Alert.vue" ---- -:: - ---- - -## `` - -`` support same types as ``. - -::code-group - - ::code-block{label="Preview" preview} - ::div{style="display:flex; gap: 1rem;"} - :badge[v1.2] - - :badge[Deprecated]{type="warning"} - - ::badge{type="danger"} - Not found! - :: - :: - :: - - ```md [Code] - :badge[v1.2] - - :badge[Deprecated]{type="warning"} - - ::badge{type="danger"} - Not found! - :: - ``` - -:: - - - -::source-link ---- -source: "components/content/Badge.vue" ---- -:: - ---- - -## `` - -::code-group - - ::code-block{label="Preview"} - ::block-hero - --- - cta: - - Get started - - /introduction/getting-started - secondary: - - Open on GitHub → - - https://github.com/nuxtlabs/docus - snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter - --- - #title - Document-driven framework - - #description - Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. - :: - :: - - ```md [Code] - ::block-hero - --- - cta: - - Get started - - /get-started - secondary: - - Open on GitHub → - - https://github.com/nuxtlabs/docus - snippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter - --- - #title - Document-driven framework - - #description - Docus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites. - :: - ``` - -:: - - - -::source-link ---- -source: "components/content/BlockHero.vue" ---- -:: - ---- - -## `` -::code-group - - ::code-block{label="Preview" preview} - :button-link[Play on StackBlitz]{icon="IconStackBlitz" href="https://stackblitz.com/github/nuxtlabs/docus-starter" blank} - :: - - ```md [Code] - :button-link[Play on StackBlitz]{icon="IconStackBlitz" href="https://stackblitz.com/github/nuxtlabs/docus-starter" blank} - ``` - -:: - - - -::source-link ---- -source: "components/content/ButtonLink.vue" ---- -:: - ---- - -## `` - -`` support same types as ``. - -::code-group - - ::code-block{label="Preview"} - ::callout - #summary - This is a callout! Click me to open. - - #content - This is the content of the callout. - :: - - ::callout{type="warning"} - #summary - This is a callout! Click me to open. - - #content - This is the content of the callout. - :: - :: - - ```md [Code] - ::callout - #summary - This is a callout! Click me to open. - - #content - This is the content of the callout. - :: - - ::callout{type="warning"} - #summary - This is a callout! Click me to open. - - #content - This is the content of the callout. - :: - ``` - -:: - - - -::source-link ---- -source: "components/content/Callout.vue" ---- -:: - ---- - -## `` - -::code-group - - ::code-block{label="Preview"} - ::card - --- - icon: logos:nuxt-icon - --- - #title - Nuxt Architecture. - #description - Based on **Nuxt 3** and **Nuxt Content**. :br - Use Nuxt to build a static site, or a serverless app. - :: - :: - - ```md [Code] - ::card{icon="logos:nuxt-icon"} - #title - Nuxt Architecture. - #description - Based on **Nuxt 3** and **Nuxt Content**. :br - Use Nuxt to build a static site, or a serverless app. - :: - ``` - -:: - - - -::source-link ---- -source: "components/content/Card.vue" ---- -:: - ---- - -## `` - -::code-group - - ::code-block{label="Preview"} - ::card-grid - #title - What's included? - - #root - :ellipsis - - #default - ::card - #title - Nuxt Architecture. - #description - Harness the full power of Nuxt and the Nuxt ecosystem. - :: - ::card - #title - Vue Components. - #description - Use built-in components (or your own!) inside your content. - :: - ::card - #title - Write Markdown. - #description - Enjoy the ease and simplicity of Markdown and discover MDC syntax. - :: - :: - :: - - ```md [Code] - ::card-grid - #title - What's included - - #root - :ellipsis - - #default - ::card - #title - Nuxt Architecture. - #description - Harness the full power of Nuxt and the Nuxt ecosystem. - :: - ::card - #title - Vue Components. - #description - Use built-in components (or your own!) inside your content. - :: - ::card - #title - Write Markdown. - #description - Enjoy the ease and simplicity of Markdown and discover MDC syntax. - :: - :: - ``` - -:: - - - -::source-link ---- -source: "components/content/CardGrid.vue" ---- -:: - ---- - -## `` - -This component uses `slots` to create a tab panel of your code examples or preview. - -::code-group - - ::code-block{label="Preview" preview} - ::code-group - ```bash [Yarn] - yarn add docus - ``` - - ```bash [NPM] - npm install docus - ``` - :: - :: - - ```md [Code] - ::code-group - ```bash [Yarn] - yarn add docus - ``` - ```bash [NPM] - npm install docus - ``` - :: - ``` - -:: - -::source-link ---- -source: "components/content/CodeGroup.vue" ---- -:: - ---- - -## `` - -To be used inside a `` component to display a preview of some rendered code. - -::code-group - -::code-block{label="Preview" preview} - ::badge - Hello World! - :: -:: - -```md [Code] -/* Added as a child of `` */ - -::code-block{label="Preview" preview} - ::badge - Hello World! - :: -:: -``` - -:: - - - -::source-link ---- -source: "components/content/CodeBlock.vue" ---- -:: - ---- - -## `` - - -::code-group - -::code-block{label="Preview" preview} - :copy-button{content="hey!"} -:: - -```md [Code] -:copy-button{content="hey!"} -``` - -:: - - - -::source-link ---- -source: "components/content/CopyButton.vue" ---- -:: - ---- - -## `` - -Icon component gives you access to all **100,000+** icons from [icones.js.org](https://icones.js.org). - -::code-group - - ::code-block{label="Preview" preview} - :icon{name="logos:nuxt-icon"} - :icon{name="logos:vue"} - :icon{name="logos:nuxt-icon"} - :: - - ```md [Code] - :icon{name="logos:nuxt-icon"} - :icon{name="logos:vue"} - :icon{name="logos:nuxt-icon"} - ``` - -:: - - - -::source-link ---- -source: "components/content/Icon.vue" ---- -:: - ---- - -## `` - -::code-group - - ::code-block{label="Preview" preview} - ::list{type="primary"} - - **Important** - - Always - :: - - ::list{type="success"} - - Amazing - - Congrats - :: - - ::list{type="info"} - - Do you know? - - You can also do this - :: - - ::list{type="warning"} - - Be careful - - Use with precautions - :: - - ::list{type="danger"} - - Drinking too much - - Driving drunk - :: - - :: - - ```md [Code] - ::list{type="primary"} - - **Important** - - Always - :: - - ::list{type="success"} - - Amazing - - Congrats - :: - - ::list{type="info"} - - Do you know? - - You can also do this - :: - - ::list{type="warning"} - - Be careful - - Use with precautions - :: - - ::list{type="danger"} - - Drinking too much - - Driving drunk - :: - ``` - -:: - - - -::source-link ---- -source: "components/content/List.vue" ---- -:: - - -## `` - -Embed CodeSandbox/StackBlitz easily in your documentation with great performances. - -Using the [IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) to load when visible in the viewport. - -::code-group - - ::code-block{label="Preview" preview} - :sandbox{src="https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark"} - :: - - ```md [Code] - :sandbox{src="https://codesandbox.io/embed/nuxt-content-l164h?hidenavigation=1&theme=dark"} - ``` - -:: - - - -::source-link ---- -source: "components/content/Sandbox.vue" ---- -:: - ---- - -## `` - -::code-group - - ::code-block{label="Preview" preview} - :terminal{content="nuxi build"} - :: - - ```md [Code] - :terminal{content="nuxi build"} - ``` - -:: - - - -::source-link ---- -source: "components/content/Terminal.vue" ---- -:: - ---- - -## `` - -::code-group - - ::code-block{label="Preview" preview} - ::div - :video-player{src="https://www.youtube.com/watch?v=o9e12WbKrd8"} - :: - :: - - ```md [Code] - ::div - :video-player{src="https://www.youtube.com/watch?v=o9e12WbKrd8"} - :: - ``` - -:: - - - -::source-link ---- -source: "components/content/VideoPlayer.vue" ---- -:: diff --git a/docs/content/2.api/2.composables.md b/docs/content/2.api/2.composables.md deleted file mode 100644 index 4c0bea2..0000000 --- a/docs/content/2.api/2.composables.md +++ /dev/null @@ -1,88 +0,0 @@ -# Composables - -Discover the Docus composables to use in your custom Vue components and pages. - -## `useDocus()` - -`useDocus()`{lang=ts} gives access to docus runtime config, all default values and your custom config from `app.config.ts` - -- `config` refers to the merged config of the current page. - -`main`, `header`, `aside`, `footer` and `titleTemplate` can be set from `_dir.yml` and any `page.md` file. - -The configs in `app.config` file will be used as defaults. - -```vue - - - -``` - -- `tree` refers to the current navigation tree that is displayed in the `aside` component. - -```vue - - - -``` - -::source-link ---- -source: "composables/useDocus.ts" ---- -:: - -## `useMenu()` - -`useMenu()` gives access to `$menu` plugin controlling mobile navigation globally. - -```ts -const { - // Is menu visible - visible, - // Close menu function - close, - // Open menu function - open, - // Toggle menu function - toggle -} = useMenu() -``` - -::source-link ---- -source: "composables/useMenu.ts" ---- -:: - -## `useScrollspy()` - -`useScrollspy()` is used in `docs` layout to make the ToC display the currently visible headings. - -```ts -const { - // Headings on the page - visibleHeadings, - // Active headings (for the current page) - activeHeadings, - // Update headings (an array of DOM nodes) - updateHeadings -} = useScrollspy() -``` - -::source-link ---- -source: "composables/useScrollspy.ts" ---- -:: diff --git a/docs/content/2.api/3.layouts.md b/docs/content/2.api/3.layouts.md deleted file mode 100644 index 25dc458..0000000 --- a/docs/content/2.api/3.layouts.md +++ /dev/null @@ -1,43 +0,0 @@ -# Layouts -Docus provides multiple built-in layouts for displaying your Markdown pages. - -## `default` - -The default layout for every page created in the project. This layout renders multiple section alongside the content: - -- Aside navigation menu (togglable with `aside: false/true`) -- Page bottom section (togglable with `bottom: false/true`) -- Table of content (togglable with `toc: false/true`) - -```md [index.md] ---- -aside: true -bottom: true -toc: false ---- - -Your awesome content -``` - -Current page is live sample of default layout. - -## `page` - -`page` layout is content focused layout. This layout does not render aside menu of table of contents. - - -This layout accept some configuration from content front-matter. - -- `fluid`: By setting `fluid: true` in content front-matter the content will be rendered in full width. -- `constrainedClass`: Using this option you can modify layout container look. Like constraining layout width of changing the background. -- `padded`: Setting `padded: true` in front-matter will add horizontal padding in the layout. - -```md [index.md] ---- -title: Home -layout: page -fluid: true ---- -``` - -Check [Home page](/) as live sample of page layout diff --git a/docs/content/2.examples/1.alert.md b/docs/content/2.examples/1.alert.md new file mode 100644 index 0000000..8e66b49 --- /dev/null +++ b/docs/content/2.examples/1.alert.md @@ -0,0 +1,34 @@ +# Alert + +## Usage + +```vue + + + +``` + +## Live code +:button-link[Play on StackBlitz]{size="small" icon="IconStackBlitz" href="https://stackblitz.com/edit/vuetify-notifier" blank} + +## API +Coming soon diff --git a/docs/content/2.examples/2.confirm.md b/docs/content/2.examples/2.confirm.md new file mode 100644 index 0000000..a9a9324 --- /dev/null +++ b/docs/content/2.examples/2.confirm.md @@ -0,0 +1,35 @@ +# Confirm + +## Usage + +```vue + + + +``` +## Live code +:button-link[Play on StackBlitz]{size="small" icon="IconStackBlitz" href="https://stackblitz.com/edit/vuetify-notifier" blank} + +## API +Coming soon diff --git a/docs/content/2.examples/3.toast.md b/docs/content/2.examples/3.toast.md new file mode 100644 index 0000000..e6de69b --- /dev/null +++ b/docs/content/2.examples/3.toast.md @@ -0,0 +1,29 @@ +# Toast + +## Usage + +```vue + + + +``` +## Live code +:button-link[Play on StackBlitz]{size="small" icon="IconStackBlitz" href="https://stackblitz.com/edit/vuetify-notifier" blank} + +## API +Coming soon diff --git a/docs/content/2.examples/4.dialog.md b/docs/content/2.examples/4.dialog.md new file mode 100644 index 0000000..8381b4a --- /dev/null +++ b/docs/content/2.examples/4.dialog.md @@ -0,0 +1,30 @@ +# Dialog + +## Usage + +```vue + + + +``` + +## Live code +:button-link[Play on StackBlitz]{size="small" icon="IconStackBlitz" href="https://stackblitz.com/edit/vuetify-notifier" blank} + +## API +Coming soon diff --git a/docs/content/2.examples/5.directives.md b/docs/content/2.examples/5.directives.md new file mode 100644 index 0000000..2a5c3f9 --- /dev/null +++ b/docs/content/2.examples/5.directives.md @@ -0,0 +1,55 @@ +# Directives + +## v-notifier-confirm + +```vue + + + +``` +## v-notifier-input + +```vue + + + +``` + +## Live code +:button-link[Play on StackBlitz]{size="small" icon="IconStackBlitz" href="https://stackblitz.com/edit/vuetify-notifier" blank} + +## API + +Coming soon diff --git a/docs/content/2.api/_dir.yml b/docs/content/2.examples/_dir.yml similarity index 100% rename from docs/content/2.api/_dir.yml rename to docs/content/2.examples/_dir.yml diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts index 0810205..93e065c 100644 --- a/docs/nuxt.config.ts +++ b/docs/nuxt.config.ts @@ -6,7 +6,8 @@ export default defineNuxtConfig({ modules: [ // Remove it if you don't use Plausible analytics // https://github.com/nuxt-modules/plausible - '@nuxtjs/plausible' + '@nuxtjs/plausible', + '../src/module' ], compatibilityDate: '2024-10-24' }) diff --git a/vite/vite.config.ts.timestamp-1733162249636-26b798c895598.mjs b/vite/vite.config.ts.timestamp-1733162249636-26b798c895598.mjs new file mode 100644 index 0000000..307d165 --- /dev/null +++ b/vite/vite.config.ts.timestamp-1733162249636-26b798c895598.mjs @@ -0,0 +1,21 @@ +// vite.config.ts +import { fileURLToPath, URL } from "node:url"; +import { defineConfig } from "file:///D:/projects/vuetifier/vite/node_modules/vite/dist/node/index.js"; +import vue from "file:///D:/projects/vuetifier/vite/node_modules/@vitejs/plugin-vue/dist/index.mjs"; +import vueDevTools from "file:///D:/projects/vuetifier/vite/node_modules/vite-plugin-vue-devtools/dist/vite.mjs"; +var __vite_injected_original_import_meta_url = "file:///D:/projects/vuetifier/vite/vite.config.ts"; +var vite_config_default = defineConfig({ + plugins: [ + vue(), + vueDevTools() + ], + resolve: { + alias: { + "@": fileURLToPath(new URL("./src", __vite_injected_original_import_meta_url)) + } + } +}); +export { + vite_config_default as default +}; +//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJEOlxcXFxwcm9qZWN0c1xcXFx2dWV0aWZpZXJcXFxcdml0ZVwiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9maWxlbmFtZSA9IFwiRDpcXFxccHJvamVjdHNcXFxcdnVldGlmaWVyXFxcXHZpdGVcXFxcdml0ZS5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0Q6L3Byb2plY3RzL3Z1ZXRpZmllci92aXRlL3ZpdGUuY29uZmlnLnRzXCI7aW1wb3J0IHsgZmlsZVVSTFRvUGF0aCwgVVJMIH0gZnJvbSAnbm9kZTp1cmwnXG5cbmltcG9ydCB7IGRlZmluZUNvbmZpZyB9IGZyb20gJ3ZpdGUnXG5pbXBvcnQgdnVlIGZyb20gJ0B2aXRlanMvcGx1Z2luLXZ1ZSdcbmltcG9ydCB2dWVEZXZUb29scyBmcm9tICd2aXRlLXBsdWdpbi12dWUtZGV2dG9vbHMnXG5cbi8vIGh0dHBzOi8vdml0ZS5kZXYvY29uZmlnL1xuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29uZmlnKHtcbiAgcGx1Z2luczogW1xuICAgIHZ1ZSgpLFxuICAgIHZ1ZURldlRvb2xzKCksXG4gICAgXG4gIF0sXG4gIHJlc29sdmU6IHtcbiAgICBhbGlhczoge1xuICAgICAgJ0AnOiBmaWxlVVJMVG9QYXRoKG5ldyBVUkwoJy4vc3JjJywgaW1wb3J0Lm1ldGEudXJsKSlcbiAgICB9LFxuICB9LFxufSlcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBd1EsU0FBUyxlQUFlLFdBQVc7QUFFM1MsU0FBUyxvQkFBb0I7QUFDN0IsT0FBTyxTQUFTO0FBQ2hCLE9BQU8saUJBQWlCO0FBSjJJLElBQU0sMkNBQTJDO0FBT3BOLElBQU8sc0JBQVEsYUFBYTtBQUFBLEVBQzFCLFNBQVM7QUFBQSxJQUNQLElBQUk7QUFBQSxJQUNKLFlBQVk7QUFBQSxFQUVkO0FBQUEsRUFDQSxTQUFTO0FBQUEsSUFDUCxPQUFPO0FBQUEsTUFDTCxLQUFLLGNBQWMsSUFBSSxJQUFJLFNBQVMsd0NBQWUsQ0FBQztBQUFBLElBQ3REO0FBQUEsRUFDRjtBQUNGLENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==