You've already forked pages
forked from didirus/AstralRinth
57 lines
1.0 KiB
Vue
57 lines
1.0 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from 'vue'
|
|
import { NewModal as Modal } from '@modrinth/ui'
|
|
// import { show_ads_window, hide_ads_window } from '@/helpers/ads.js'
|
|
import { useTheming } from '@/store/theme.js'
|
|
|
|
const themeStore = useTheming()
|
|
|
|
const props = defineProps({
|
|
header: {
|
|
type: String,
|
|
default: null,
|
|
},
|
|
closable: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
onHide: {
|
|
type: Function,
|
|
default() {
|
|
return () => { }
|
|
},
|
|
},
|
|
// showAdOnClose: {
|
|
// type: Boolean,
|
|
// default: true,
|
|
// },
|
|
})
|
|
const modal = ref(null)
|
|
|
|
defineExpose({
|
|
show: () => {
|
|
modal.value.show()
|
|
},
|
|
hide: () => {
|
|
onModalHide()
|
|
modal.value.hide()
|
|
},
|
|
})
|
|
|
|
function onModalHide() {
|
|
// if (props.showAdOnClose) {
|
|
// show_ads_window()
|
|
// }
|
|
props.onHide?.()
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<Modal ref="modal" :header="header" :noblur="!themeStore.advancedRendering" @hide="onModalHide">
|
|
<template #title>
|
|
<slot name="title" />
|
|
</template>
|
|
<slot />
|
|
</Modal>
|
|
</template>
|