forked from MyArtverse-Project/MyArtverse
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add Pinia store; preload fonts/icons; refactor
- Loading branch information
1 parent
0143860
commit 9b923dc
Showing
10 changed files
with
133 additions
and
59 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| { | ||
| "semi": false | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -2,6 +2,4 @@ | |
| <NuxtLayout> | ||
| <NuxtPage /> | ||
| </NuxtLayout> | ||
| </template> | ||
|
|
||
| <style></style> | ||
| </template> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,42 +1,44 @@ | ||
| <script lang="ts" setup> | ||
| const route = useRoute(); | ||
| const urlPath = `https://www.myfursona.art${route.fullPath}`; | ||
| const route = useRoute() | ||
| const urlPath = `https://www.myfursona.art${route.fullPath}` | ||
| const props = defineProps<{ | ||
| title: string; | ||
| description: string; | ||
| class?: string; | ||
| nowrap?: boolean; | ||
| }>(); | ||
| title: string | ||
| description: string | ||
| className?: string | ||
| nowrap?: boolean | ||
| }>() | ||
| const detectWrap = !props.nowrap ? "wrap-contents" : ""; | ||
| const detectClass = !props.class ? detectWrap : `${detectWrap} ${props.class}`; | ||
| const detectWrap = !props.nowrap ? "wrap-contents" : "" | ||
| const detectClass = !props.className | ||
| ? detectWrap | ||
| : `${detectWrap} ${props.className}` | ||
| useHead({ | ||
| title: props.title, | ||
| meta: [ | ||
| { name: "description", content: props.description }, | ||
| { property: "og:title", content: props.title }, | ||
| { property: "og:description", content: props.description }, | ||
| { property: "og:type", content: "website" }, | ||
| { property: "og:url", content: urlPath }, | ||
| { name: "twitter:title", content: props.title }, | ||
| { name: "twitter:description", content: props.description }, | ||
| { name: "twitter:card", content: "summary_large_image" }, | ||
| { name: "twitter:url", content: urlPath }, | ||
| ], | ||
| link: [{ rel: "canonical", href: urlPath }], | ||
| }); | ||
| title: props.title, | ||
| meta: [ | ||
| { name: "description", content: props.description }, | ||
| { property: "og:title", content: props.title }, | ||
| { property: "og:description", content: props.description }, | ||
| { property: "og:type", content: "website" }, | ||
| { property: "og:url", content: urlPath }, | ||
| { name: "twitter:title", content: props.title }, | ||
| { name: "twitter:description", content: props.description }, | ||
| { name: "twitter:card", content: "summary_large_image" }, | ||
| { name: "twitter:url", content: urlPath }, | ||
| ], | ||
| link: [{ rel: "canonical", href: urlPath }], | ||
| }) | ||
| </script> | ||
|
|
||
| <template> | ||
| <main id="page-container" :class="detectClass"> | ||
| <slot /> | ||
| </main> | ||
| <main id="page-container" :class="detectClass"> | ||
| <slot /> | ||
| </main> | ||
| </template> | ||
|
|
||
| <style> | ||
| .wrap-contents { | ||
| @apply mx-auto max-w-screen-2xl px-6; | ||
| @apply mx-auto max-w-screen-2xl px-6; | ||
| } | ||
| </style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,12 @@ | ||
| <template> | ||
| <div id="hero"> | ||
| <article> | ||
| <h1>MyFursona</h1> | ||
| <p> | ||
| MyFursona is an open-source platform where you can show off your fluffy | ||
| characters and show them off to your friends! Manage, store, and show | ||
| your fursonas in one place | ||
| </p> | ||
| </article> | ||
| </div> | ||
| </template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| import { defineStore } from "pinia" | ||
|
|
||
| interface UserSettingsStore { | ||
| theme: "light" | "dark" | "system" | ||
| colorProfile: string | ||
| nsfwEnabled: boolean | ||
| } | ||
|
|
||
| export const useUserSettingsStore = defineStore("settings", () => { | ||
| state: (): UserSettingsStore => { | ||
| return { | ||
| theme: "system", | ||
| colorProfile: "#fff", | ||
| nsfwEnabled: true, | ||
| } | ||
| } | ||
| }) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters