teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: use blue favicon for dev/preview mode

Browse source
This commit is contained in:
Daniel Roe 2022-11-27 23:09:18 +00:00
parent 834eca2ad2
commit d0ec3676b8
No known key found for this signature in database
GPG key ID: 22D5008E4F5D9B55
3 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app.vue
View file

@ -1,12 +1,13 @@
<script setup> <script setup>
import { APP_NAME } from './constants' import { APP_NAME } from './constants'
const isDev = process.dev
const isPreview = window.location.hostname.includes('deploy-preview')
useHead({ useHead({
titleTemplate: title => `${title ? `${title} | ` : ''}${APP_NAME}${import.meta.env.DEV ? ' (dev)' : window.location.hostname.includes('deploy-preview') ? '(preview)' : ''}`, titleTemplate: title => `${title ? `${title} | ` : ''}${APP_NAME}${isDev ? ' (dev)' : isPreview ? ' (preview)' : ''}`,
link: [ link: [
{ { rel: 'icon', type: 'image/svg+png', href: isDev || isPreview ? '/favicon-dev.png' : '/favicon.png' },
rel: 'icon', type: 'image/svg+png', href: '/favicon.png',
},
], ],
}) })

2
components/nav/NavTitle.vue
View file

@ -1,5 +1,5 @@
<script setup> <script setup>
const sub = import.meta.env.DEV ? 'dev' : window.location.hostname.includes('deploy-preview') ? 'preview' : 'alpha' const sub = process.dev ? 'dev' : window.location.hostname.includes('deploy-preview') ? 'preview' : 'alpha'
</script> </script>
<template> <template>

BIN
public/favicon-dev.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3 KiB