question about using vue sfc in public folder (😇)

[jung-han]

First of all, thank you for making such a cool tool!
I am maintaining a toast-ui chart and applied snowpack in the process of integrating the development environment.
We have a monorepo structure, and React is in a state that has been applied, and we have questions while applying the vue wrapper, so we leave a discussion.

The folder structure is as follows.

🤔 The first thing I am curious about is whether it is possible to import from index.html through sfc without any special configuration in this demo path. (It has failed so far haha..)

Here's my snowpack config.

/** @type {import("snowpack").SnowpackUserConfig } */
module.exports = {
  mount: {
    demo: '/',
    src: '/dist',
  },
  // plugins: ['@snowpack/plugin-vue'],
  devOptions: {
    port: 8080,
  },
  buildOptions: {
    clean: true,
    sourceMaps: false,
    out: 'dist',
  },
  alias: {
    '@src': './src',
    '@t': './types',
  },
  workspaceRoot: '../../',
};

My Vue config, and a little characteristic is that the vue version is 2.6.0.

module.exports = {
  runtimeCompiler: true,
  configureWebpack: {
    resolve: {
      // https://cli.vuejs.org/guide/troubleshooting.html#symbolic-links-in-node-modules
      symlinks: false,
    },
  },
};

🤔 Second of all, I am curious if the view of version 2. can not use the @snowpack/plugin-vue(2.2.4).

There seems to be a snowpack config that needs to be done additionally. I'll wait for your answer!