text: import './styles/global.css';
  import App from './apps/App.svelte';
  import GLApp from './apps/GLApp.svelte';
  import VizRApp from './apps/VizRApp.svelte';
  import TechApp from './apps/TechApp.svelte';
  
  const appId = 'svelte-app';
  const appElement = document.getElementById(appId);
  export default ( // Check if app id exists in DOM
      appElement !== null &&
      (appElement.constructor.name === 'HTMLElement' ||
          appElement.constructor.name === 'HTMLDivElement')
      ) ?
      new App({
          target: appElement,
          props: {
              greeting:
  `Hooray 🎉 - you've built this with <a href='https://github.com/dancingfrog/sveltr' target='_blank'>Sveltr</a>!`
          }
      }) : {};
  
  
  const techAppId = 'tech-app';
  const techAppElement = document.getElementById(techAppId);
  export const techApp = (
      techAppElement !== null &&
      (techAppElement.constructor.name === 'HTMLElement' ||
          techAppElement.constructor.name === 'HTMLDivElement')
      ) ?
      new TechApp({
          target: techAppElement,
          props: {
              title: '🦊 Hello SvelteJS!'
          }
      }) : {};
  
  
  const glAppId = 'gl-app';
  const glAppElement = document.getElementById(glAppId);
  export const glApp = (
      glAppElement !== null &&
      (glAppElement.constructor.name === 'HTMLElement' ||
          glAppElement.constructor.name === 'HTMLDivElement')
      ) ?
      new GLApp({
          target: glAppElement,
          props: {
              title: '🦊 Hello SvelteGL!'
          }
      }) : {};
  
  
  const vizrAppId = 'vizr-app';
  const vizrAppElement = document.getElementById(vizrAppId);
  export const vizrApp = (
      vizrAppElement !== null &&
      (vizrAppElement.constructor.name === 'HTMLElement' ||
          vizrAppElement.constructor.name === 'HTMLDivElement')
      ) ?
      new VizRApp({
          target: vizrAppElement,
          props: {
              title: 'Visualizing R Data with Sveltr'
          }
      }) : {};
  