updated latest node.js

src/App.vue

@@ -11,9 +11,9 @@
 </template>
 
 <script>
-  import StyleEditor from './components/StyleEditor'
-  import ResumeEditor from './components/ResumeEditor'
-  import ThankEditor from './components/ThankEditor'
+  import StyleEditor from './components/StyleEditor.vue'
+  import ResumeEditor from './components/ResumeEditor.vue'
+  import ThankEditor from './components/ThankEditor.vue'
   import './assets/reset.css'
 
   export default {

src/Mobile.vue

@@ -6,8 +6,8 @@
 </template>
 
 <script>
-  import StyleEditor from './components/StyleEditor'
-  import ResumeEditor from './components/ResumeEditor'
+  import StyleEditor from './components/StyleEditor.vue'
+  import ResumeEditor from './components/ResumeEditor.vue'
   import './assets/reset.css'
 
   export default {

src/components/ResumeEditor.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-  import marked from 'marked'
+  import { marked } from 'marked'
   export default {
     props: ['markdown', 'enableHtml'],
     name: 'ResumeEditor',

src/components/ThankEditor.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-  import marked from 'marked'
+  import { marked } from 'marked'
   export default {
     props: ['markdown', 'enableHtml'],
     name: 'ThankEditor',

src/main.js

@@ -1,10 +1,7 @@
-import Vue from 'vue'
-import App from './App'
-import Mobile from './Mobile'
+import { createApp } from 'vue'
+import App from './App.vue'
+import Mobile from './Mobile.vue'
 
-var width = document.documentElement.clientWidth
-/* eslint-disable no-new */
-new Vue({
-  el: '#app',
-  render: h => h(width > 500 ? App : Mobile)
-})
+const width = document.documentElement.clientWidth
+const app = createApp(width > 500 ? App : Mobile)
+app.mount('#app')