Switch to tailwindcss, start login page

This commit is contained in:
2020-07-03 19:13:07 +02:00
parent 70bb22c3dd
commit b2f6a385c6
13 changed files with 358 additions and 469 deletions
-39
View File
@@ -1,39 +0,0 @@
<template>
<v-card>
<v-card-title>
{{ note.title }}
<v-spacer />
<TagsGroup :tags="note.tags" />
</v-card-title>
<v-card-text>
<!-- html is sanitized -->
<!-- eslint-disable-next-line -->
<div v-html="renderedMarkdown"></div>
</v-card-text>
</v-card>
</template>
<script>
import renderMarkdown from '@/utils/markdown'
export default {
name: 'Note',
data: () => ({
note: {
tags: [],
},
}),
computed: {
renderedMarkdown() {
return !this.note.content
? ''
: renderMarkdown(this.note.content).contents
},
},
mounted() {
this.$axios
.$get(`/notes/${this.$route.params.uuid}`)
.then((note) => (this.note = note))
},
}
</script>
-55
View File
@@ -1,55 +0,0 @@
<template>
<div>
<v-progress-circular
v-if="!isInitialized"
:size="100"
:width="7"
color="purple"
indeterminate
></v-progress-circular>
<v-card v-if="isEmpty">
<v-card-text>No notes yet :/</v-card-text>
</v-card>
<v-row v-else>
<v-col
v-for="note in notes"
:key="note.uuid"
cols="12"
md="6"
lg="4"
xl="3"
>
<NoteCard
:uuid="note.uuid"
:title="note.title"
:updated-at="note.updatedAt"
:tags="note.tags"
/>
</v-col>
</v-row>
</div>
</template>
<script>
import { mapState, mapGetters, mapActions } from 'vuex'
export default {
name: 'Notes',
data: () => ({
loading: true,
}),
computed: {
...mapState('notes', ['notes', 'isInitialized']),
...mapGetters('notes', ['isEmpty']),
},
mounted() {
if (!this.isInitialized) this.load()
},
methods: {
...mapActions('notes', ['load']),
},
head: () => ({
title: 'My notes',
}),
}
</script>