import only needed lodash methods

assets/helper.js

@@ -1,4 +1,5 @@
-import { take, get } from 'lodash'
+import take from 'lodash/take'
+import get from 'lodash/get'
 
 export function attributesFromEvents (_events, _tags) {
   const colors = ['blue', 'orange', 'yellow', 'teal', 'indigo', 'green', 'red', 'purple', 'pink', 'gray']

components/Editor.vue

@@ -64,7 +64,7 @@
     editor-content.content(:editor='editor' spellcheck='false' :style="{ 'max-height': maxHeight }")
 </template>
 <script>
-import _ from 'lodash'
+import debounce from 'lodash/debounce'
 import { Editor, EditorContent, EditorMenuBar, EditorMenuBubble } from 'tiptap'
 import {
   Blockquote,
@@ -118,7 +118,7 @@ export default {
     this.editor = new Editor({
       onFocus: () => this.focus(),
       onBlur: () => this.blur(),
-      onUpdate: _.debounce(({ getHTML }) => {
+      onUpdate: debounce(({ getHTML }) => {
         this.update = true
         this.$emit('input', getHTML())
       }, 1000),

server/api/controller/event.js

@@ -3,7 +3,7 @@ const path = require('path')
 const config = require('config')
 const fs = require('fs')
 const { Op } = require('sequelize')
-const _ = require('lodash')
+const intersection = require('lodash/intersection')
 const linkifyHtml = require('linkifyjs/html')
 const Sequelize = require('sequelize')
 const dayjs = require('dayjs')
@@ -63,7 +63,7 @@ const eventController = {
       if (!filters.tags && !filters.places) { return true }
       if (!filters.tags.length && !filters.places.length) { return true }
       if (filters.tags.length) {
-        const m = _.intersection(event.tags.map(t => t.tag), filters.tags)
+        const m = intersection(event.tags.map(t => t.tag), filters.tags)
         if (m.length > 0) { return true }
       }
       if (filters.places.length) {