<template>
  <html v-if="isNode">
    <head>
      <title>{{title}}</title>
      <meta name="keywords" :content="keywords">
      <meta name="description" :content="description">
      <meta http-equiv="content-type" content="text/html;charset=utf-8">
      <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
      <link rel="shortcut icon" href="data:image/png;base64" type="image/x-icon" />
      <link rel="stylesheet" href="/public/asset/css/reset.css">
      <link rel="stylesheet" href="">
    </head>
    <body>
      <div id="app"><slot></slot></div>    
    </body>
  </html>
  <div v-else-if="!isNode" id="app"><slot></slot></div>
</template>
<style>
  #app {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    min-width: 740px;
  }
</style>
<script lang="ts" src="./index.ts"></script>