fix necessary import for sonner toast component
https://www.shadcn-vue.com/docs/components/sonner.html
This commit is contained in:
parent
f5e01c31f4
commit
d5b762630c
1 changed files with 7 additions and 14 deletions
17
src/App.vue
17
src/App.vue
|
|
@ -5,6 +5,7 @@ import Footer from '@/components/layout/Footer.vue'
|
||||||
import ConnectionStatus from '@/components/nostr/ConnectionStatus.vue'
|
import ConnectionStatus from '@/components/nostr/ConnectionStatus.vue'
|
||||||
import PasswordDialog from '@/components/nostr/PasswordDialog.vue'
|
import PasswordDialog from '@/components/nostr/PasswordDialog.vue'
|
||||||
import { Toaster } from '@/components/ui/sonner'
|
import { Toaster } from '@/components/ui/sonner'
|
||||||
|
import 'vue-sonner/style.css'
|
||||||
import { useNostr } from '@/composables/useNostr'
|
import { useNostr } from '@/composables/useNostr'
|
||||||
import { identity } from '@/composables/useIdentity'
|
import { identity } from '@/composables/useIdentity'
|
||||||
import { toast } from 'vue-sonner'
|
import { toast } from 'vue-sonner'
|
||||||
|
|
@ -62,11 +63,7 @@ onUnmounted(() => {
|
||||||
class="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
|
class="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
|
||||||
<nav class="container flex h-14 items-center justify-between">
|
<nav class="container flex h-14 items-center justify-between">
|
||||||
<Navbar />
|
<Navbar />
|
||||||
<ConnectionStatus
|
<ConnectionStatus :is-connected="isConnected" :is-connecting="isConnecting" :error="error" />
|
||||||
:is-connected="isConnected"
|
|
||||||
:is-connecting="isConnecting"
|
|
||||||
:error="error"
|
|
||||||
/>
|
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
|
@ -81,12 +78,8 @@ onUnmounted(() => {
|
||||||
<Toaster />
|
<Toaster />
|
||||||
|
|
||||||
<!-- Password unlock dialog -->
|
<!-- Password unlock dialog -->
|
||||||
<PasswordDialog
|
<PasswordDialog v-model:is-open="showPasswordDialog" title="Unlock Identity"
|
||||||
v-model:is-open="showPasswordDialog"
|
description="Your Nostr identity is encrypted. Enter your password to unlock it." @password="handlePasswordUnlock"
|
||||||
title="Unlock Identity"
|
@cancel="handlePasswordCancel" />
|
||||||
description="Your Nostr identity is encrypted. Enter your password to unlock it."
|
|
||||||
@password="handlePasswordUnlock"
|
|
||||||
@cancel="handlePasswordCancel"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue