feat: add vite-svg-loader and add Logo component #971
No reviewers
Labels
No Label
area/internal-code
changes requested
confirmed
dependencies
duplicate
good first issue
help wanted
hosting
invalid
kind/bug
kind/feature
question
wontfix
No Milestone
No project
No Assignees
3 Participants
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: vikunja/frontend#971
Loading…
Reference in New Issue
No description provided.
Delete Branch "dpschen/frontend:feature/add-vite-svg-loader"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
This should fulfill the requirement for adrinux/frontend#1
@ -0,0 +3,4 @@
import LogoFull from '@/assets/logo-full.svg?component'
import LogoFullPride from '@/assets/logo-full-pride.svg?component'
const Logo = computed(() => new Date().getMonth() === 5 ? LogoFullPride : LogoFull)
Oh wow I did not know you could literally define a component as computed... vue continues to amaze me. Really cool!
=)
I knew that it works with computed but in this case I was also not sure if it would work.
Since Logo is here a ref and not a component, I was unsure if I needed to do something like
<Logo.value ...
which doesn't really make sense because.value
is usually not needed, but still … was unsure :D@ -69,3 +66,3 @@
<style lang="scss" scoped>
.no-auth-wrapper {
background: url('@/assets/llama.svg') no-repeat bottom left fixed $light-background;
background: url('@/assets/llama.svg?url') no-repeat bottom left fixed $light-background;
Why the
?url
?Ahh looked up how the module works, makes sense now.
Looks like the logo size got missing:
This is what it should look like:
a653c9d590
to88b4733c90
Hi dpschen!
Thank you for creating a PR!
I've deployed the changes of this PR on a preview environment under this URL: https://971-featureadd-vite-svg-loader--vikunja-frontend-preview.netlify.app
You can use this url to view the changes live and test them out.
You will need to manually connect this to an api running somehwere. The easiest to use is https://try.vikunja.io/.
Have a nice day!
88b4733c90
to81e36dc76d
@konrad should be fixed
81e36dc76d
to44ecdf6922
Rebased, will merge once the ci run passes.