remanso-space/remanso
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🔥 (text editor) remove text editor page

Browse Source
This commit is contained in:
Julien Calixte
2021-04-25 17:01:37 +02:00
parent 6366f6129b
commit e0981950d6
3 changed files with 56 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/router/router.ts
View File

@@ -3,12 +3,6 @@ import { RouteRecordRaw, createRouter, createWebHistory } from 'vue-router'
import Home from '@/views/Home.vue' import Home from '@/views/Home.vue'
const routes: Array<RouteRecordRaw> = [ const routes: Array<RouteRecordRaw> = [
{
path: '/text-editor',
name: 'TextEditor',
component: () =>
import(/* webpackChunkName: "text-editor" */ '@/views/TextEditor.vue')
},
{ {
path: '/login', path: '/login',
name: 'Login', name: 'Login',
@@ -26,6 +20,13 @@ const routes: Array<RouteRecordRaw> = [
props: true, props: true,
component: Home component: Home
}, },
{
path: '/:user/:repo/share/:note',
name: 'ShareNotes',
props: true,
component: () =>
import(/* webpackChunkName: "share-notes" */ '@/views/ShareNotes.vue')
},
{ {
path: '/:user/:repo/inbox', path: '/:user/:repo/inbox',
name: 'FleetingNotes', name: 'FleetingNotes',

49
src/views/ShareNotes.vue Normal file
View File

@@ -0,0 +1,49 @@
<template>
<div class="share-notes">
<article class="message is-primary">
<div class="message-body">
You can print this page. It contains every stacked notes.
</div>
</article>
<flux-note
:user="user"
:repo="repo"
:content="content"
key="share-notes"
:with-header="false"
/>
</div>
</template>
<script lang="ts">
import { defineAsyncComponent, defineComponent, ref } from 'vue'
const FluxNote = defineAsyncComponent(() => import('@/components/FluxNote.vue'))
export default defineComponent({
name: 'ShareNotes',
components: {
FluxNote
},
props: {
user: { type: String, required: true },
repo: { type: String, required: true },
note: { type: String, required: true }
},
setup() {
const content = ref('Getting stacked notes...')
return {
content
}
}
})
</script>
<style scoped lang="scss">
.share-notes {
article {
margin: 1rem;
}
}
</style>

103
src/views/TextEditor.vue
View File

@@ -1,103 +0,0 @@
<template>
<div class="text-editor content">
<button class="button is-primary" @click="back">
<img src="@/assets/icons/left-arrow.svg" alt="back" />
</button>
<hr />
<p>
Lite note is used to display efficiently notes. To edit them, use your
favorite text editor.
</p>
<ul>
<li>
<a
href="https://code.visualstudio.com/"
target="_blank"
rel="noopener noreferrer"
>VS Code</a
>
<p>Useful extensions:</p>
<ul>
<li>
<a
href="https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one"
target="_blank"
rel="noopener noreferrer"
>Markdown All in One</a
>
</li>
<li>
<a
href="https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced"
target="_blank"
rel="noopener noreferrer"
>Markdown Preview Enhanced</a
>
</li>
</ul>
</li>
<li>
<a href="https://atom.io/" target="_blank" rel="noopener noreferrer"
>Atom</a
>
<ul>
<li>
<a
href="https://atom.io/packages/markdown-writer"
target="_blank"
rel="noopener noreferrer"
>Markdown Writer</a
>
</li>
<li>
<a
href="https://atom.io/packages/language-markdown"
target="_blank"
rel="noopener noreferrer"
>Language Markdown</a
>
</li>
<li>
<a
href="https://atom.io/packages/markdown-preview-plus"
target="_blank"
rel="noopener noreferrer"
>Markdown Preview Plus</a
>
</li>
<li>
<a
href="https://atom.io/packages/markdown-table-editor"
target="_blank"
rel="noopener noreferrer"
>Markdown Table Editor</a
>
</li>
</ul>
</li>
</ul>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { useRouter } from 'vue-router'
export default defineComponent({
name: 'TextEditor',
setup() {
const { go } = useRouter()
return {
back: () => go(-1)
}
}
})
</script>
<style lang="scss" scoped>
.text-editor {
padding: 1rem;
flex: 1;
}
</style>