fix: warn versions that do not support in browser SSR

src/output/Preview.vue

@@ -160,7 +160,17 @@ async function updatePreview() {
   runtimeError.value = null
   runtimeWarning.value = null
 
-  const isSSR = props.ssr
+  let isSSR = props.ssr
+  if (store.vueVersion) {
+    const [_, minor, patch] = store.vueVersion.split('.')
+    if (parseInt(minor, 10) < 2 || parseInt(patch, 10) < 27) {
+      alert(
+        `The selected version of Vue (${store.vueVersion}) does not support in-browser SSR.` +
+        ` Rendering in client mode instead.`
+      )
+      isSSR = false
+    }
+  }
 
   try {
     const mainFile = store.state.mainFile

src/store.ts

@@ -60,6 +60,7 @@ export interface Store {
   state: StoreState
   options?: SFCOptions
   compiler: typeof defaultCompiler
+  vueVersion?: string
   init: () => void
   setActive: (filename: string) => void
   addFile: (filename: string | File) => void
@@ -81,6 +82,7 @@ export interface StoreOptions {
 export class ReplStore implements Store {
   state: StoreState
   compiler = defaultCompiler
+  vueVersion?: string
   options?: SFCOptions
   initialShowOutput: boolean
   initialOutputMode: OutputModes
@@ -240,6 +242,7 @@ export class ReplStore implements Store {
   }
 
   async setVueVersion(version: string) {
+    this.vueVersion = version
     const compilerUrl = `https://unpkg.com/@vue/compiler-sfc@${version}/dist/compiler-sfc.esm-browser.js`
     const runtimeUrl = `https://unpkg.com/@vue/runtime-dom@${version}/dist/runtime-dom.esm-browser.js`
     const ssrUrl = `https://unpkg.com/@vue/server-renderer@${version}/dist/server-renderer.esm-browser.js`
@@ -257,6 +260,7 @@ export class ReplStore implements Store {
   }
 
   resetVueVersion() {
+    this.vueVersion = undefined
     this.compiler = defaultCompiler
     this.state.vueRuntimeURL = this.defaultVueRuntimeURL
     this.state.vueServerRendererURL = this.defaultVueServerRendererURL