SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: move modal out of views and into global app context

Browse source
This commit is contained in:
Sebin Nyshkim 2023-04-02 17:42:26 +02:00
parent d0f9434700
commit cc664a764d
4 changed files with 30 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/views/AnatomyView.vue
View file

@ -5,7 +5,6 @@ import type { ColorDict } from "@/interfaces";
import { tailLength, wingspan, penis, colors } from "@/sebin";
import { toImperial, toFahrenheit } from "@/helpers";
import RefToggle from "@/components/RefToggle.vue";
import RefModal from "@/components/RefModal.vue";
import RefGallery from "@/components/RefGallery.vue";
import RefFigure from "@/components/RefFigure.vue";
import ColorTable from "@/components/ColorTable.vue";
@ -39,21 +38,6 @@ const showModal = inject<Function>(showModalKey, Function);
</script>
<template>
<RefModal v-show="isWarn">
<template #heading>
⚠️⚠️⚠️<br />
Whoa, Nelly!
</template>
<template #message>
By enabling NSFW mode you confirm that you are of legal age to view adult
content.
</template>
<template #yes>Yes, show me the goods 👀</template>
<template #no>NO, STAHP 😱</template>
</RefModal>
<section>
<h1>{{ $route.name }}</h1>
</section>

16
src/views/GeneralView.vue
View file

@ -21,7 +21,6 @@ import type { Kink } from "@/interfaces";
import DataTable from "@/components/DataTable.vue";
import QuickFacts from "@/components/QuickFacts.vue";
import RefToggle from "@/components/RefToggle.vue";
import RefModal from "@/components/RefModal.vue";
const generalHeadings = ["Key", "Value"];
const generalData = [
@ -57,21 +56,6 @@ const showModal = inject<Function>(showModalKey, Function);
</script>
<template>
<RefModal v-show="isWarn">
<template #heading>
⚠️⚠️⚠️<br />
Whoa, Nelly!
</template>
<template #message>
By enabling NSFW mode you confirm that you are of legal age to view adult
content.
</template>
<template #yes>Yes, show me the goods 👀</template>
<template #no>NO, STAHP 😱</template>
</RefModal>
<section>
<h1>{{ $route.name }}</h1>

16
src/views/HomeView.vue
View file

@ -2,7 +2,6 @@
import { inject } from "vue";
import { isWarnKey, nsfwKey, showModalKey } from "@/keys";
import RefToggle from "@/components/RefToggle.vue";
import RefModal from "@/components/RefModal.vue";
import WelcomeHeader from "@/components/WelcomeHeader.vue";
import ButtonGroup from "@/components/ButtonGroup.vue";
import Button from "@/components/RefButton.vue";
@ -13,21 +12,6 @@ const showModal = inject<Function>(showModalKey, Function);
</script>
<template>
<RefModal v-show="isWarn">
<template #heading>
⚠️⚠️⚠️<br />
Whoa, Nelly!
</template>
<template #message>
By enabling NSFW mode you confirm that you are of legal age to view adult
content.
</template>
<template #yes>Yes, show me the goods 👀</template>
<template #no>NO, STAHP 😱</template>
</RefModal>
<WelcomeHeader>
<template #main>Sebin Nyshkim</template>
<template #sub>Character Reference Page</template>