arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-23 08:20:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs: use lang="ts" everywhere

Browse Source
This commit is contained in:
Benjamin Canac
2024-02-14 17:41:10 +01:00
parent 300861a49e
commit c488b28c3c
13 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/content/2.components/modal.md
View File

@@ -40,7 +40,7 @@ Use the `prevent-close` prop to disable the outside click alongside the `esc` ke
You can still handle the `esc` shortcut yourself by using our [defineShortcuts](/getting-started/shortcuts#defineshortcuts) composable.
```vue
<script setup>
<script setup lang="ts">
const isOpen = ref(false)
defineShortcuts({

2
docs/content/2.components/notification.md
View File

@@ -42,7 +42,7 @@ Then, you can use the `useToast` composable to add notifications to your app:
When using `toast.add`, this will push a new notification to the stack displayed in `<UNotifications />`. All the props of the `Notification` component can be passed to `toast.add`.
```vue
<script setup>
<script setup lang="ts">
const toast = useToast()
onMounted(() => {

2
docs/content/2.components/slideover.md
View File

@@ -40,7 +40,7 @@ Use the `prevent-close` prop to disable the outside click alongside the `esc` ke
You can still handle the `esc` shortcut yourself by using our [defineShortcuts](/getting-started/shortcuts#defineshortcuts) composable.
```vue
<script setup>
<script setup lang="ts">
const isOpen = ref(false)
defineShortcuts({

6
docs/content/2.components/table.md
View File

@@ -93,7 +93,7 @@ You can specify a default sort for the table through the `sort` prop. It's an ob
This will set the default sort and will work even if no column is set as `sortable`.
```vue
<script setup>
<script setup lang="ts">
const sort = ref({
column: 'name',
direction: 'desc'
@@ -134,7 +134,7 @@ When fetching data from an API, we can take advantage of the [`useFetch`](https:
When doing so, you might want to set the `sort-mode` prop to `manual` to disable the automatic sorting and return the rows as is.
```vue
<script setup>
<script setup lang="ts">
// Ensure it uses `ref` instead of `reactive`.
const sort = ref({
column: 'name',
@@ -338,7 +338,7 @@ excludedProps:
This can be easily used with Nuxt `useAsyncData` composable.
```vue
<script setup>
<script setup lang="ts">
const columns = [...]
const { pending, data: people } = await useLazyAsyncData('people', () => $fetch('/api/people'))