Colubrina/frontend/src/main.js

101 lines
3.1 KiB
JavaScript
Raw Normal View History

2022-06-05 22:58:18 +10:00
import Vue from "vue"
import App from "./App.vue"
import router from "./router"
import store from "./store"
import vuetify from "./plugins/vuetify"
import axios from "axios"
import VueAxios from "vue-axios"
import Toast from "vue-toastification"
import "./assets/styles.css"
import "vue-toastification/dist/index.css"
import "./registerServiceWorker"
import "@mdi/font/css/materialdesignicons.css"
import "./plugins/dayjs"
import SocketIO from "socket.io-client"
import twemoji from "twemoji"
import VueNativeNotification from "vue-native-notification"
const md = require("markdown-it")({
html: false, // Enable HTML tags in source
xhtmlOut: false, // Use '/' to close single tags (<br />).
// This is only for full CommonMark compatibility.
breaks: false, // Convert '\n' in paragraphs into <br>
langPrefix: "language-", // CSS language prefix for fenced blocks. Can be
// useful for external highlighters.
linkify: true, // Autoconvert URL-like text to links
// Enable some language-neutral replacement + quotes beautification
// For the full list of replacements, see https://github.com/markdown-it/markdown-it/blob/master/lib/rules_core/replacements.js
typographer: false,
// Double + single quotes replacement pairs, when typographer enabled,
// and smartquotes on. Could be either a String or an Array.
//
// For example, you can use '«»„“' for Russian, '„“‚‘' for German,
// and ['«\xA0', '\xA0»', '\xA0', '\xA0'] for French (including nbsp).
quotes: "“”‘’",
// Highlighter function. Should return escaped HTML,
// or '' if the source string is not changed and should be escaped externally.
// If result starts with <pre... internal wrapper is skipped.
highlight: function (/*str, lang*/) {
return ""
}
}).disable(["image", "autolink"])
const emoji = require("markdown-it-emoji")
const defaultRender =
md.renderer.rules.link_open ||
function (tokens, idx, options, env, self) {
return self.renderToken(tokens, idx, options)
}
md.use(emoji)
md.renderer.rules.emoji = function (token, idx) {
return twemoji.parse(token[idx].content, {
folder: "svg",
ext: ".svg"
})
}
md.renderer.rules.link_open = function (tokens, idx, options, env, self) {
// If you are sure other plugins can't add `target` - drop check below
const aIndex = tokens[idx].attrIndex("target")
if (aIndex < 0) {
tokens[idx].attrPush(["target", "_blank"]) // add new attribute
} else {
tokens[idx].attrs[aIndex][1] = "_blank" // replace value of existing attr
}
// pass token to default renderer.
return defaultRender(tokens, idx, options, env, self)
}
Vue.use(VueNativeNotification, {
requestOnNotify: false
})
Vue.use({
install(Vue) {
2022-07-29 21:26:18 +10:00
Vue.prototype.$socket = SocketIO("", {
transports: ["websocket", "polling"],
2022-06-05 22:58:18 +10:00
headers: {
Authorization: localStorage.getItem("session")
}
})
}
})
Vue.use(require("vue-shortkey"))
Vue.config.productionTip = false
Vue.use(VueAxios, axios)
Vue.use(Toast)
Vue.directive("markdown", {
inserted(el) {
el.innerHTML = md.render(el.innerHTML)
}
})
new Vue({
router,
store,
vuetify,
render: (h) => h(App)
}).$mount("#app")