@directus/app 9.0.0-rc.96 → 9.0.0

package/dist/assets/users.bf3f1085.js

@@ -1,50 +0,0 @@
-var e=`# Users
-
-> Directus Users are the individual accounts that let you authenticate into the API and App. Each user belongs to a Role
-> which defines its granular Permissions.
-
-To use the App or API, you'll need a valid Directus User. Each user is assigned to a [Role](/concepts/roles/) that
-determines what they have access to see and do. This means that the experience of users may vary significantly depending
-on their role's access. For example, while some users may see _all_ platform content, others may only see a smaller
-subset of Modules, Collections, or Fields.
-
-#### Relevant Guides
-
-- [Setting up your User Profile](/guides/users/#setting-up-your-user-profile)
-- [Creating a User](/guides/users/#creating-a-user)
-- [Inviting a User](/guides/users/#inviting-a-user)
-- [Configuring a User](/guides/users/#configuring-a-user)
-- [Archiving a User](/guides/users/#archiving-a-user)
-- [Deleting a User](/guides/users/#deleting-a-user)
-
-## User Fields
-
-Directus ships with a basic set of user fields that are displayed on the User Detail pages. While these system fields
-are required/locked, you can extend the Directus Users Collection with any number of custom fields to create a fully
-tailored [User Directory](/concepts/application/#user-directory). To add fields within system collections, simply follow
-the normal guide for [Creating a Field](/guides/fields/#creating-a-field).
-
-Below are the system User fields included by default.
-
-- **First Name** \u2014 The user's given name
-- **Last Name** \u2014 The user's family name
-- **Email** \u2014 The user's email address used for login/authenticating and email updates
-- **Password** \u2014 The private string used for login/authenticating (stored as a secure hash)
-- **Avatar** \u2014 An image displayed throughout the App that represents the user
-- **Location** \u2014 Can be used for the user's city, country, office name, etc
-- **Title** \u2014 The name of the position the user holds at their company or organization
-- **Description** \u2014 A description or bio of the user
-- **Tags** \u2014 A set of keywords useful when searching within the User Directory
-- **Language** \u2014 (User Preference) The language to use for this user's App language
-- **Theme** \u2014 (User Preference) Light, Dark, or Auto (based on the user's OS preferences)
-- **Two-Factor Auth** \u2014 (User Preference) Enables authenticating with 2FA
-- **Status** \u2014 (Admin Only) Determines if the user is active within the App/API
-- **Role** \u2014 (Admin Only) The user's role determines their permissions and access
-- **Token** \u2014 (Admin Only) A static string used for authenticating within the API
-
-The sidebar's info component also includes the following readonly details:
-
-- **User Key** \u2014 The primary key of the user
-- **Last Page** \u2014 The last App page accessed by the user
-- **Last Access** \u2014 The timestamp of the user's last App or API action
-`;export{e as default};

package/dist/assets/users.c250d741.js

@@ -1,94 +0,0 @@
-var e=`# Users
-
-> Users are the individual accounts for authenticating into the API and App. Each user belongs to a Role which defines
-> its Permissions. [Learn more about Users](/concepts/users/).
-
-## Creating a User
-
-1. Navigate to the **User Library**
-2. Click the **Create User** action button in the header
-3. Enter an **Email Address**
-4. Optional: Complete the **other user form fields**
-
-## Inviting a User
-
-1. Navigate to the **User Library**
-2. Click the **Invite Users** button in the header
-3. Enter **one or more email addresses**, separated by new lines, in the modal
-4. Click **Invite**
-
-At this point the invited user(s) will receive an email with a link to the App where they set a password and enable
-their account.
-
-## Configuring a User
-
-1. Navigate to the **User Library**
-2. **Click on the user** you wish to manage
-3. **Complete the form** of [User Fields](/concepts/application/#user-detail)
-
-::: warning User Preferences
-
-This section of the User Detail is only visible/editable by the current user, and admins.
-
-:::
-
-#### Status
-
-The User's Status determines if an account is able to access the platform or not. Only the \`active\` state is able to
-authenticate, all others are simply descriptive inactive states.
-
-- **Draft** \u2014 An incomplete user; no App/API access
-- **Invited** \u2014 Has a pending invite to the project; no App/API access until accepted
-- **Active** \u2014 The only status that has proper access to the App and API
-- **Suspended** \u2014 A user that has been temporarily disabled; no App/API access
-- **Archived** \u2014 A soft-deleted user; no App/API access
-
-::: warning Admin Only
-
-Only admins can adjust this field's value.
-
-:::
-
-#### Role
-
-Setting the user's role determines their access, permissions, and App presentation. You can adjust a user's role from
-the User Detail page, or from the _Users in Role_ field within **Settings > Roles & Permissions > [Role Name]**.
-
-::: warning Admin Only
-
-Only admins can adjust this field's value.
-
-:::
-
-#### Token
-
-A user's token is an alternate way to [authenticate into the API](/reference/api/authentication) using a static string.
-When NULL, the token is disabled. When enabled, ensure that a secure string is used.
-
-## Archiving a User
-
-1. Navigate to the **User Library**
-2. Click the user you with to archive to go to their User Detail page
-3. Click the orange **Archive User** action button in the header
-4. Confirm this decision by clicking **Archive** in the dialog
-
-::: warning Disables Access
-
-Archiving uses _soft-delete_, therefore archived users are unable to access the App or API.
-
-:::
-
-## Deleting a User
-
-1. Navigate to the **User Library**
-2. Select one or more users you wish to delete
-3. Click the red **Delete User** action button in the header
-4. Confirm this decision by clicking **Delete** in the dialog
-
-::: danger Irreversible Change
-
-Unlike the soft-delete of archiving, this process is a hard-delete. Therefore, this action is permanent and can not be
-undone. Please proceed with caution.
-
-:::
-`;export{e as default};

package/dist/assets/utilities.63c3b9bc.js

@@ -1,307 +0,0 @@
-var n=`---
-pageClass: page-reference
----
-
-# Utilities
-
-<div class="two-up">
-<div class="left">
-
-> Utilities are the various helper endpoints located within the API.
-
-</div>
-<div class="right">
-
-[[toc]]
-
-</div>
-</div>
-
----
-
-## Generate a Hash
-
-Generate a hash for a given string.
-
-<div class="two-up">
-<div class="left">
-
-### Request Body
-
-<div class="definitions">
-
-\`string\` **Required**\\
-String to hash.
-
-</div>
-
-### Returns
-
-Hashed string.
-
-</div>
-<div class="right">
-
-### REST API
-
-\`\`\`
-POST /utils/hash/generate
-\`\`\`
-
-##### Example
-
-\`\`\`json
-// POST /utils/hash/generate
-
-{
-	"string": "Hello World!"
-}
-\`\`\`
-
-### GraphQL
-
-\`\`\`
-POST /graphql/system
-\`\`\`
-
-\`\`\`graphql
-type Mutation {
-	utils_hash_generate(string: String!): String
-}
-\`\`\`
-
-##### Example
-
-\`\`\`graphql
-mutation {
-	utils_hash_generate(string: "Hello World!")
-}
-\`\`\`
-
-</div>
-</div>
-
----
-
-## Verify a Hash
-
-Verify a string with a hash.
-
-<div class="two-up">
-<div class="left">
-
-### Request Body
-
-<div class="definitions">
-
-\`string\` **Required**\\
-Source string.
-
-\`hash\` **Required**\\
-Hash you want to verify against.
-
-</div>
-
-### Returns
-
-Boolean.
-
-</div>
-<div class="right">
-
-### REST API
-
-\`\`\`
-POST /utils/hash/verify
-\`\`\`
-
-##### Example
-
-\`\`\`json
-// POST /utils/hash/verify
-
-{
-	"string": "Hello World!",
-	"hash": "$arg...fEfM"
-}
-\`\`\`
-
-### GraphQL
-
-\`\`\`
-POST /graphql/system
-\`\`\`
-
-\`\`\`graphql
-type Mutation {
-	utils_hash_verify(hash: String!, string: String!): Boolean
-}
-\`\`\`
-
-</div>
-</div>
-
----
-
-## Manually Sort Items in Collection
-
-If a collection has a sort field, this util can be used to move items in that manual order.
-
-<div class="two-up">
-<div class="left">
-
-### Request Body
-
-<div class="definitions">
-
-\`item\` **Required**\\
-Primary key of the item you're moving in the collection.
-
-\`to\` **Required**\\
-Primary key of the item you're moving the source item too.
-
-</div>
-
-### Returns
-
-Empty body.
-
-</div>
-<div class="right">
-
-### REST API
-
-\`\`\`
-POST /utils/sort/:collection
-\`\`\`
-
-##### Example
-
-\`\`\`json
-// POST /utils/sort/articles
-
-{
-	"item": 16,
-	"to": 51
-}
-\`\`\`
-
-### GraphQL
-
-\`\`\`
-POST /graphql/system
-\`\`\`
-
-\`\`\`graphql
-type Mutation {
-	utils_sort(collection: String!, item: ID!, to: ID!): Boolean
-}
-\`\`\`
-
-##### Example
-
-\`\`\`graphql
-mutation {
-	utils_sort(collection: "articles", item: 16, to: 51)
-}
-\`\`\`
-
-</div>
-</div>
-
----
-
-## Import Data from File
-
-Import multiple records from a JSON or CSV file into a collection. Relies on a \`multipart/form-data\` encoded request,
-just like regular file uploads. Check [Upload a File](/reference/api/system/files/#upload-a-file) for more information.
-
-The import endpoint expects the file structure to match [the export query parameter](/reference/api/query/#export). For
-JSON, this is an array of objects, where every object is an item. For CSV, the first line has to be the columns header.
-
-<div class="two-up">
-<div class="left">
-
-### Request Body
-
-Send the file in a \`multipart/form-data\` request. See [Upload a File](/reference/api/system/files/#upload-a-file) for
-more information.
-
-### Returns
-
-Empty body.
-
-</div>
-<div class="right">
-
-### REST API
-
-\`\`\`
-POST /utils/import/:collection
-\`\`\`
-
-##### Example
-
-\`\`\`
-POST /utils/import/articles
-
-Content-Type: multipart/form-data; charset=utf-8; boundary=__X_BOUNDARY__
-Content-Length: 3442422
-
---__X_BOUNDARY__
-Content-Disposition: form-data; name="file"; filename="articles.csv"
-Content-Type: text/csv
-
-"id","title","another","created_by"
-1,"My First Articled","abc","506385A2-E444-4AE2-A860-F00957A62C8A"
-2,"My Second Article","abc","506385A2-E444-4AE2-A860-F00957A62C8A"
-3,"My Updated Third Article","abc","506385A2-E444-4AE2-A860-F00957A62C8A"
-4,"My Fourth Article","abc","506385A2-E444-4AE2-A860-F00957A62C8A"
-5,"My Fifth Article","abc","506385A2-E444-4AE2-A860-F00957A62C8A"
-...
-\`\`\`
-
-### GraphQL
-
-n/a
-
-</div>
-</div>
-
----
-
-## Clear the Internal Cache
-
-Resets both the data and schema cache of Directus. This endpoint is only available to admin users.
-
-<div class="two-up">
-<div class="left">
-
-### Request Body
-
-n/a
-
-### Returns
-
-Empty body
-
-</div>
-<div class="right">
-
-### REST API
-
-\`\`\`
-POST /utils/cache/clear
-\`\`\`
-
-### GraphQL
-
-\`\`\`graphql
-mutation {
-	utils_cache_clear
-}
-\`\`\`
-
-</div>
-</div>
-`;export{n as default};

package/dist/assets/v-avatar.ddbd3a0b.js

@@ -1,43 +0,0 @@
-var n=`# Avatar
-
-The avatar component can be used to display a person or something similar. It will generate a grey box in which either a
-profile picture or an icon or text can be inserted.
-
-\`\`\`html
-<v-avatar>RVZ</v-avatar>
-
-<v-avatar>
-	<img src="..." />
-</v-avatar>
-
-<v-avatar>
-	<v-icon name="person" />
-</v-avatar>
-\`\`\`
-
-## Reference
-
-#### Props
-
-| Prop   | Description               | Default | Type      |
-| ------ | ------------------------- | ------- | --------- |
-| \`size\` | Size in px                | \`null\`  | \`Number\`  |
-| \`tile\` | Render as a tile (square) | \`false\` | \`Boolean\` |
-
-#### Slots
-
-| Slot      | Description                                             | Data |
-| --------- | ------------------------------------------------------- | ---- |
-| _default_ | Default slot to display your elements inside the avatar | --   |
-
-#### Events
-
-n/a
-
-#### CSS Variables
-
-| Variable           | Default                    |
-| ------------------ | -------------------------- |
-| \`--v-avatar-color\` | \`var(--background-normal)\` |
-| \`--v-avatar-size\`  | \`48px\`                     |
-`;export{n as default};

package/dist/assets/v-badge.b7d5c26d.js

@@ -1 +0,0 @@
-var e='# Badge\n\nDisplay a small dot in the corner of the component.\n\n```html\n<v-badge value="2"><v-icon>ABC</v-icon></v-badge>\n```\n\n## Colors\n\nYou can set the color, background color and border color with the `--v-badge-color`, `--v-badge-background-color` and\n`--v-badge-border-color` css vars respectively:\n\n```html\n<v-badge value="11" style="--v-badge-color: var(--red-500);">\n	<v-icon>ABC</v-icon>\n</v-badge>\n```\n\n## Reference\n\n#### Props\n\n| Prop       | Description                                                                  | Default | Type               |\n| ---------- | ---------------------------------------------------------------------------- | ------- | ------------------ |\n| `value`    | The value that will be displayed inside the badge Only 2 characters allowed) | `null`  | `[String, Number]` |\n| `dot`      | Only will show a small dot without any content                               | `false` | `Boolean`          |\n| `bordered` | Shows a border around the badge                                              | `false` | `Boolean`          |\n| `left`     | Aligns the badge on the left side                                            | `false` | `Boolean`          |\n| `bottom`   | Aligns the badge on the bottom side                                          | `false` | `Boolean`          |\n| `icon`     | Shows an icon instead of text                                                | `null`  | `String`           |\n| `disabled` | Don\'t render the badge                                                       | `false` | `Boolean`          |\n\n#### CSS Variables\n\n| Variable                     | Default                  |\n| ---------------------------- | ------------------------ |\n| `--v-badge-color`            | `var(--white)`           |\n| `--v-badge-background-color` | `var(--danger)`          |\n| `--v-badge-border-color`     | `var(--background-page)` |\n| `--v-badge-offset-x`         | `0px`                    |\n| `--v-badge-offset-y`         | `0px`                    |\n| `--v-badge-size`             | `16px`                   |\n\n#### Slots\n\n| Slot      | Description | Data |\n| --------- | ----------- | ---- |\n| _default_ |             |      |\n';export{e as default};

package/dist/assets/v-breadcrumb.f966bc16.js

@@ -1 +0,0 @@
-var e="# Breadcrumb\n\nA breadcrumb can help you display on what site you are currently on by displaying a structure like `my / custom / page`.\n\n```html\n<v-breadcrumb :items=\"[{name: 'Collections', to: '/collections'}]\" />\n```\n\n## Breadcrumb Item\n\nAn item for the items prop has these 4 options:\n\n| Prop       | Description                                               |\n| ---------- | --------------------------------------------------------- |\n| `to`       | The reroute link                                          |\n| `name`     | The name which will be displayed                          |\n| `icon`     | Displays an icon with the given name in front of the name |\n| `disabled` | If the router link should be clickable                    |\n\n## Reference\n\n#### Props\n\n| Prop    | Description                                              | Default    | Type           |\n| ------- | -------------------------------------------------------- | ---------- | -------------- |\n| `items` | An array of objects which information about each section | `() => []` | `Breadcrumb[]` |\n\n#### CSS Variables\n\n| Variable                        | Default                     |\n| ------------------------------- | --------------------------- |\n| `--v-breadcrumb-color`          | `var(--foreground-subdued)` |\n| `--v-breadcrumb-color-hover`    | `var(--foreground-normal)`  |\n| `--v-breadcrumb-color-disabled` | `var(--foreground-subdued)` |\n| `--v-breadcrumb-divider-color`  | `var(--foreground-subdued)` |\n";export{e as default};

package/dist/assets/v-button.d616f6af.js

@@ -1 +0,0 @@
-var n="# Button\n\nA simple button component to make your life interactive!\n\n```html\n<v-button>Click me!</v-button>\n```\n\n## Sizes\n\nThe button component supports the following sizes through the use of props:\n\n- x-small\n- small\n- (default)\n- large\n- x-large\n\n## Colors\n\nYou can set the color, background color, hover color, and background hover color with the `--v-button-color`,\n`--v-button-background-color`, `--v-button-color-hover`, and `--v-button-background-color-hover` css variables\nrespectively:\n\n```html\n<v-button>Click me</v-button>\n\n<style>\n	.v-button {\n		--v-button-color: var(--red);\n		--v-button-background-color: var(--red-50);\n		--v-button-color-hover: var(--white);\n		--v-button-background-color-hover: var(--red);\n	}\n</style>\n```\n\n## Loading\n\nThe button has a loading state that can be enabled with the `loading` prop. By default, the button will render a\n`v-spinner`. You can override what's being shown during the loading state by using the `#loading` slot:\n\n```html\n<v-button>\n	<template #loading>... Almost done ...</template>\n</v-button>\n```\n\nThe loading slot is rendered _on top_ of the content that was there before. Make sure that your loading content doesn't\nexceed the size of the default state content. This restriction is put in place to prevent jumps when going from and to\nthe loading state.\n\n## Reference\n\n#### Props\n\n| Prop         | Description                                                               | Default    | Type                 |\n| ------------ | ------------------------------------------------------------------------- | ---------- | -------------------- |\n| `icon`       | Remove padding / min-width. Meant to be used with just an icon as content | `false`    | `Boolean`            |\n| `outlined`   | No background                                                             | `false`    | `Boolean`            |\n| `rounded`    | Enable rounded corners                                                    | `false`    | `Boolean`            |\n| `type`       | HTML `type` attribute                                                     | `'button'` | `String`             |\n| `disabled`   | Disabled state                                                            | `false`    | `Boolean`            |\n| `loading`    | Loading state                                                             | `false`    | `Boolean`            |\n| `to`         | Render as vue router-link                                                 | `null`     | `string or Location` |\n| `href`       | Render as anchor                                                          | `null`     | `String`             |\n| `align`      | Align content in button. One of `left                                     | `'center'` | `String`             |\n| `dashed`     | Render the border dashed. Meant to be used with `outlined`.               | `false`    | `Boolean`            |\n| `tile`       | Render without border radius                                              | `false`    | `Boolean`            |\n| `download`   | Add the `download` attribute (used in combo with `href`)                  | `null`     | `String`             |\n| `full-width` |                                                                           | `false`    | `Boolean`            |\n| `exact`      |                                                                           | `false`    | `Boolean`            |\n| `secondary`  |                                                                           | `false`    | `Boolean`            |\n| `value`      |                                                                           | `null`     | `[Number, String]`   |\n\n#### Slots\n\n| Slot            | Description                                  | Data |\n| --------------- | -------------------------------------------- | ---- |\n| _default_       | Button content                               |      |\n| `loading`       | Content that's rendered during loading state |      |\n| `prepend-outer` | Content that's rendered before the button    |      |\n| `append-outer`  | Content that's rendered after the button     |      |\n\n#### Events\n\n| Event   | Description           | Value        |\n| ------- | --------------------- | ------------ |\n| `click` | User clicks on button | `MouseEvent` |\n\n#### CSS Variables\n\n| Variable                               | Default                      |\n| -------------------------------------- | ---------------------------- |\n| `--v-button-width`                     | `auto`                       |\n| `--v-button-height`                    | `44px`                       |\n| `--v-button-color`                     | `var(--foreground-inverted)` |\n| `--v-button-color-hover`               | `var(--foreground-inverted)` |\n| `--v-button-color-active`              | `var(--foreground-inverted)` |\n| `--v-button-color-disabled`            | `var(--foreground-subdued)`  |\n| `--v-button-background-color`          | `var(--primary)`             |\n| `--v-button-background-color-hover`    | `var(--primary-125)`         |\n| `--v-button-background-color-active`   | `var(--primary)`             |\n| `--v-button-background-color-disabled` | `var(--background-normal)`   |\n| `--v-button-font-size`                 | `16px`                       |\n| `--v-button-font-weight`               | `600`                        |\n| `--v-button-line-height`               | `22px`                       |\n| `--v-button-min-width`                 | `140px`                      |\n";export{n as default};

package/dist/assets/v-card-actions.a7c96543.js

@@ -1,22 +0,0 @@
-var n=`# Card Actions
-
-This component is used to add actions like \`cancel\` or \`save\` to an existing \`v-card\`.
-
-\`\`\`html
-<v-card>
-	Would you like to save the changes?
-	<v-card-actions>
-		<v-button>Cancel</v-button>
-		<v-button>Save</v-button>
-	</v-card-actions>
-</v-card>
-\`\`\`
-
-## Reference
-
-#### Slots
-
-| Slot      | Description                   | Data |
-| --------- | ----------------------------- | ---- |
-| _default_ | Where all the actions will go |      |
-`;export{n as default};

package/dist/assets/v-card-subtitle.f292db2d.js

@@ -1,18 +0,0 @@
-var t=`# Card Subtitle
-
-This component is used to give a \`v-card\` an already stylized subtitle.
-
-\`\`\`html
-<v-card>
-	<v-card-subtitle>A less important subtitle</v-card-subtitle>
-</v-card>
-\`\`\`
-
-## Reference
-
-#### Slots
-
-| Slot      | Description                | Data |
-| --------- | -------------------------- | ---- |
-| _default_ | Where the subtitle will go |      |
-`;export{t as default};

package/dist/assets/v-card-text.bc50a565.js

@@ -1,18 +0,0 @@
-var n=`# Card Text
-
-This component is used to give a \`v-card\` an already stylized text.
-
-\`\`\`html
-<v-card>
-	<v-card-text>This card can do nothing!</v-card-text>
-</v-card>
-\`\`\`
-
-## Reference
-
-#### Slots
-
-| Slot      | Description             | Data |
-| --------- | ----------------------- | ---- |
-| _default_ | Where your text will go |      |
-`;export{n as default};

package/dist/assets/v-card-title.d375331c.js

@@ -1,18 +0,0 @@
-var t=`# Card Title
-
-This component is used to give a \`v-card\` an already stylized title.
-
-\`\`\`html
-<v-card>
-	<v-card-title>My Own Title</v-card-title>
-</v-card>
-\`\`\`
-
-## Reference
-
-#### Slots
-
-| Slot      | Description             | Data |
-| --------- | ----------------------- | ---- |
-| _default_ | Where the title will go |      |
-`;export{t as default};

package/dist/assets/v-card.c49a2d00.js

@@ -1,78 +0,0 @@
-var n=`# Card
-
-A card is nothing but a v-sheet with predefined building blocks to enforce consistency.
-
-## Usage
-
-\`\`\`html
-<v-card>
-	<v-card-title>Hello, world!</v-card-title>
-	<v-card-subtitle>This is a card</v-card-subtitle>
-	<v-card-text>Consectetur enim ullamco sint sit deserunt proident consectetur.</v-card-text>
-	<v-card-actions>
-		<v-button>Save</v-button>
-	</v-card-actions>
-</v-card>
-\`\`\`
-
-Cards can be used to consistently style dialogs:
-
-\`\`\`html
-<v-dialog>
-	<template #activator="{ on }">
-		<v-button @click="on">Show dialog</v-button>
-	</template>
-
-	<v-card>
-		<v-card-title>Are you sure you want to delete 1 item?</v-card-title>
-		<v-card-actions>
-			<v-button secondary outlined>Cancel</v-button>
-			<v-button>Yes</v-button>
-		</v-card-actions>
-	</v-card>
-</v-dialog>
-\`\`\`
-
-## Reference
-
-#### Props
-
-| Prop       | Description                                       | Default | Type      |
-| ---------- | ------------------------------------------------- | ------- | --------- |
-| \`disabled\` | Disable the card, prevents all cursor interaction | \`false\` | \`Boolean\` |
-| \`tile\`     | Render without rounded corners                    | \`false\` | \`Boolean\` |
-
-#### Events
-
-n/a
-
-#### Slots
-
-| Slot      | Description | Data |
-| --------- | ----------- | ---- |
-| _default_ |             |      |
-
-#### CSS Variables
-
-| Variable                    | Default                     |
-| --------------------------- | --------------------------- |
-| \`--v-card-min-width\`        | \`none\`                      |
-| \`--v-card-max-width\`        | \`400px\`                     |
-| \`--v-card-min-height\`       | \`none\`                      |
-| \`--v-card-max-height\`       | \`min-content\`               |
-| \`--v-card-padding\`          | \`16px\`                      |
-| \`--v-card-background-color\` | \`var(--background-subdued)\` |
-| \`--v-card-height\`           | \`auto\`                      |
-
----
-
-# Card Title
-
-Functional component that enforces consistent styling.
-
-## Usage
-
-\`\`\`html
-<v-card-title>Hello, world!</v-card-title>
-\`\`\`
-`;export{n as default};