ami/tl-vikunja
1
0
Fork 0
Code Activity

chore(editor): format

Browse Source
This commit is contained in:
kolaente
2023-10-21 11:52:20 +02:00
parent 3bf806f00c
commit e81c98fe5b
3 changed files with 121 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/input/editor/CommandsList.vue
View File

@ -44,7 +44,7 @@ export default {
},
methods: {
onKeyDown({ event }) {
onKeyDown({event}) {
if (event.key === 'ArrowUp') {
this.upHandler()
return true
@ -86,19 +86,16 @@ export default {
}
</script>
<style lang="scss">
<style lang="scss" scoped>
.items {
padding: 0.2rem;
position: relative;
border-radius: 0.5rem;
background: #FFF;
background: #fff;
color: rgba(0, 0, 0, 0.8);
overflow: hidden;
font-size: 0.9rem;
box-shadow:
0 0 0 1px rgba(0, 0, 0, 0.05),
0px 10px 20px rgba(0, 0, 0, 0.1),
;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.1);
}
.item {

6
src/components/input/editor/commands.ts
View File

@ -1,4 +1,4 @@
import { Extension } from '@tiptap/core'
import {Extension} from '@tiptap/core'
import Suggestion from '@tiptap/suggestion'
// Copied and adjusted from https://github.com/ueberdosis/tiptap/tree/252acb32d27a0f9af14813eeed83d8a50059a43a/demos/src/Experiments/Commands/Vue
@ -10,8 +10,8 @@ export default Extension.create({
return {
suggestion: {
char: '/',
command: ({ editor, range, props }) => {
props.command({ editor, range })
command: ({editor, range, props}) => {
props.command({editor, range})
},
},
}

19
src/components/input/editor/suggestion.ts
View File

@ -1,36 +1,37 @@
import { VueRenderer } from '@tiptap/vue-3'
import {VueRenderer} from '@tiptap/vue-3'
import tippy from 'tippy.js'
import CommandsList from './CommandsList.vue'
export default {
items: ({ query }) => {
items: ({query}: { query: string }) => {
return [
{
title: 'H1',
command: ({ editor, range }) => {
command: ({editor, range}) => {
editor
.chain()
.focus()
.deleteRange(range)
.setNode('heading', { level: 1 })
.setNode('heading', {level: 1})
.run()
},
},
{
title: 'H2',
command: ({ editor, range }) => {
description: 'Lorem ipsum',
command: ({editor, range}) => {
editor
.chain()
.focus()
.deleteRange(range)
.setNode('heading', { level: 2 })
.setNode('heading', {level: 2})
.run()
},
},
{
title: 'bold',
command: ({ editor, range }) => {
command: ({editor, range}) => {
editor
.chain()
.focus()
@ -41,7 +42,7 @@ export default {
},
{
title: 'italic',
command: ({ editor, range }) => {
command: ({editor, range}) => {
editor
.chain()
.focus()
@ -54,7 +55,7 @@ export default {
},
render: () => {
let component
let component: VueRenderer
let popup
return {