Investigate Vue Build

[gtodd876]

// main.js - entry point

import Vue from 'vue';
import App from './App.vue';

export default function(node) {
  // eslint-disable-next-line no-new
  new Vue({
    el: node,
    render: h => h(App),
  });
}

// App.vue

<template>
  <h1>Hello SFO</h1>
</template>

<script>
export default {
  name: 'App',
};
</script>

<style>
h1 {
  color: ghostwhite;
  background-color: peru;
}
</style>

after locally installing vue I run npx sfo dev main.js Webpack fails to compile:

ERROR in /Users/toddieus/.npm/_npx/39450/lib/node_modules/sfo/node_modules/timers-browserify/main.js Module not found: Error: Can't resolve 'setimmediate' in '/Users/toddieus/.npm/_npx/39450/lib/node_modules/sfo/node_modules/timers-browserify'

I do get the temp directory created with a index.html & webpackEntry.js

I'm still wrapping my head around sfo and still working it. I got a demo rolling with react no problem so this is most likely due to my lack of vue skills.