2022-04-09 03:44:38 +00:00
|
|
|
<script setup lang="ts">
|
2022-04-09 17:58:31 +00:00
|
|
|
import Home from "./pages/Login.vue";
|
2022-04-09 03:44:38 +00:00
|
|
|
// This starter template is using Vue 3 <script setup> SFCs
|
|
|
|
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
|
2022-04-09 17:58:31 +00:00
|
|
|
import HelloWorld from "./components/HelloWorld.vue";
|
|
|
|
import { MathStatement } from "./support/parse";
|
|
|
|
import { MathPage } from "./support/page";
|
|
|
|
import { ref } from "vue";
|
|
|
|
|
|
|
|
(window as any).Stmt = MathStatement;
|
|
|
|
(window as any).Pg = MathPage;
|
2022-04-09 03:44:38 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2022-04-09 22:31:11 +00:00
|
|
|
<q-layout view="hHr LpR fFf">
|
2022-04-09 17:58:31 +00:00
|
|
|
<q-header elevated class="bg-primary text-white" height-hint="98">
|
|
|
|
<q-toolbar>
|
|
|
|
<q-toolbar-title>
|
|
|
|
<q-avatar>
|
|
|
|
<img src="https://cdn.quasar.dev/logo-v2/svg/logo-mono-white.svg" />
|
|
|
|
</q-avatar>
|
|
|
|
Title
|
|
|
|
</q-toolbar-title>
|
|
|
|
</q-toolbar>
|
|
|
|
|
|
|
|
<q-tabs align="left">
|
|
|
|
<q-route-tab to="/Scratch" label="Scratch" />
|
|
|
|
<q-route-tab to="/Editor" label="Editor" />
|
2022-04-09 22:31:11 +00:00
|
|
|
|
2022-04-09 17:58:31 +00:00
|
|
|
</q-tabs>
|
|
|
|
</q-header>
|
|
|
|
|
|
|
|
<q-page-container>
|
|
|
|
<router-view />
|
|
|
|
</q-page-container>
|
|
|
|
</q-layout>
|
2022-04-09 03:44:38 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<style>
|
|
|
|
#app {
|
|
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
text-align: center;
|
|
|
|
color: #2c3e50;
|
|
|
|
margin-top: 60px;
|
|
|
|
}
|
|
|
|
</style>
|