zmp-cli 3.15.6 → 3.15.8

package/create/templates/svelte/pages/request-and-load.svelte

@@ -1,21 +0,0 @@
-<Page>
-  <Navbar title={`${user.firstName} ${user.lastName}`} backLink="Back" />
-  <Block strong>
-    {user.about}
-  </Block>
-  <List>
-    {#each user.links as link}
-      <ListItem
-        link={link.url}
-        title={link.title}
-        external
-        target="_blank"
-      />
-    {/each}
-  </List>
-</Page>
-<script>
-  import { Page, Navbar, Block, List, ListItem } from 'zmp-svelte';
-
-  export let user;
-</script>

package/create/templates/svelte/pages/settings.svelte

@@ -1,175 +0,0 @@
-<Page name="settings">
-  <Navbar title="Settings" />
-
-  <BlockTitle>Form Example</BlockTitle>
-  <List noHairlinesMd>
-    <ListInput
-      label="Name"
-      type="text"
-      placeholder="Your name"
-    ></ListInput>
-
-    <ListInput
-      label="E-mail"
-      type="email"
-      placeholder="E-mail"
-    ></ListInput>
-
-    <ListInput
-      label="URL"
-      type="url"
-      placeholder="URL"
-    ></ListInput>
-
-    <ListInput
-      label="Password"
-      type="password"
-      placeholder="Password"
-    ></ListInput>
-
-    <ListInput
-      label="Phone"
-      type="tel"
-      placeholder="Phone"
-    ></ListInput>
-
-    <ListInput
-      label="Gender"
-      type="select"
-      >
-      <option>Male</option>
-      <option>Female</option>
-    </ListInput>
-
-    <ListInput
-      label="Birth date"
-      type="date"
-      placeholder="Birth day"
-      value="2014-04-30"
-    ></ListInput>
-
-    <ListItem
-      title="Toggle"
-    >
-      <span slot="after">
-        <Toggle />
-      </span>
-    </ListItem>
-
-    <ListInput
-      label="Range"
-      input={false}
-    >
-      <span slot="after">
-        <Range value={50} min={0} max={100} step={1} />
-      </span>
-    </ListInput>
-
-    <ListInput
-      type="textarea"
-      label="Textarea"
-      placeholder="Bio"
-    ></ListInput>
-    <ListInput
-      type="textarea"
-      label="Resizable"
-      placeholder="Bio"
-      resizable
-    ></ListInput>
-  </List>
-
-  <BlockTitle>Buttons</BlockTitle>
-  <Block strong>
-    <Row tag="p">
-      <Button class="col">Button</Button>
-      <Button class="col" fill>Fill</Button>
-    </Row>
-    <Row tag="p">
-      <Button class="col" raised>Raised</Button>
-      <Button class="col" raised fill>Raised Fill</Button>
-    </Row>
-    <Row tag="p">
-      <Button class="col" round>Round</Button>
-      <Button class="col" round fill>Round Fill</Button>
-    </Row>
-    <Row tag="p">
-      <Button class="col" outline>Outline</Button>
-      <Button class="col" round outline>Outline Round</Button>
-    </Row>
-    <Row tag="p">
-      <Button class="col" small outline>Small</Button>
-      <Button class="col" small round outline>Small Round</Button>
-    </Row>
-    <Row tag="p">
-      <Button class="col" small fill>Small</Button>
-      <Button class="col" small round fill>Small Round</Button>
-    </Row>
-    <Row tag="p">
-      <Button class="col" large raised>Large</Button>
-      <Button class="col" large fill raised>Large Fill</Button>
-    </Row>
-    <Row tag="p">
-      <Button class="col" large fill raised color="red">Large Red</Button>
-      <Button class="col" large fill raised color="green">Large Green</Button>
-    </Row>
-  </Block>
-
-  <BlockTitle>Checkbox group</BlockTitle>
-  <List>
-    <ListItem
-      checkbox
-      name="my-checkbox"
-      value="Books"
-      title="Books"
-    ></ListItem>
-    <ListItem
-      checkbox
-      name="my-checkbox"
-      value="Movies"
-      title="Movies"
-    ></ListItem>
-    <ListItem
-      checkbox
-      name="my-checkbox"
-      value="Food"
-      title="Food"
-    ></ListItem>
-  </List>
-
-  <BlockTitle>Radio buttons group</BlockTitle>
-  <List>
-    <ListItem
-      radio
-      name="radio"
-      value="Books"
-      title="Books"
-    ></ListItem>
-    <ListItem
-      radio
-      name="radio"
-      value="Movies"
-      title="Movies"
-    ></ListItem>
-    <ListItem
-      radio
-      name="radio"
-      value="Food"
-      title="Food"
-    ></ListItem>
-  </List>
-</Page>
-<script>
-  import {
-    Page,
-    Navbar,
-    List,
-    ListInput,
-    ListItem,
-    Toggle,
-    BlockTitle,
-    Row,
-    Button,
-    Range,
-    Block
-  } from 'zmp-svelte';
-</script>

package/create/templates/vue/babel.config.js

@@ -1,10 +0,0 @@
-module.exports = {
-  presets: [
-    ['@babel/preset-env', {
-      modules: false,
-    }],
-  ],
-  plugins: [
-    '@babel/plugin-transform-runtime',
-  ],
-};

package/create/templates/vue/components/header.vue

@@ -1,28 +0,0 @@
-<template>
-  <zmp-navbar>
-    <zmp-nav-left>
-      <zmp-skeleton-avatar v-if="!user.id" class="pt-2"></zmp-skeleton-avatar>
-      <zmp-avatar v-else :src="user.avatar" online />
-    </zmp-nav-left>
-    <zmp-nav-title v-if="!user.id">
-      <zmp-skeleton-text>
-        <zmp-title class="mb-0">Lorem ipsum</zmp-title>
-      </zmp-skeleton-text>
-      <zmp-skeleton-text>Lorem ipsum</zmp-skeleton-text>
-    </zmp-nav-title>
-    <zmp-nav-title v-else>
-      <zmp-title class="mb-0">{{ user.name }}</zmp-title>
-      <zmp-text class="mb-0">{{ user.id }}</zmp-text>
-    </zmp-nav-title>
-    <zmp-nav-right>
-      <sun-and-moon />
-    </zmp-nav-right>
-  </zmp-navbar>
-</template>
-
-<script setup>
-import { useStore } from "zmp-vue";
-import SunAndMoon from "./sun-and-moon.vue";
-
-const user = useStore('user')
-</script>

package/create/templates/vue/components/sun-and-moon.vue

@@ -1,34 +0,0 @@
-<template>
-  <zmp-button
-    small
-    class="sun-moon"
-    @click="setLayoutTheme"
-    type-name="primary"
-    round
-    :color="darkMode ? 'gray' : 'default'"
-  >
-    <img :src="icon" alt="switch-mode" />
-  </zmp-button>
-</template>
-
-<script setup>
-import { useStore } from 'zmp-vue';
-import { computed } from 'vue';
-import store from '../store';
-import sun from '../static/icons/sun.svg';
-import moon from '../static/icons/moon.svg';
-
-const darkMode = useStore('darkMode');
-
-const icon = computed(() => (darkMode.value ? moon : sun));
-
-const setLayoutTheme = () => {
-  store.dispatch('setDarkMode', !darkMode.value);
-};
-</script>
-
-<style scoped>
-.sun-moon {
-  padding: 0;
-}
-</style>

package/create/templates/vue/copy-assets.js

@@ -1,67 +0,0 @@
-const path = require('path');
-const generateHomePage = require('./generate-home-page');
-const generateRoot = require('./generate-root');
-const generateStore = require('../generate-store');
-
-module.exports = (options) => {
-  const cwd = options.cwd || process.cwd();
-  const { bundler } = options;
-  const toCopy = [];
-
-  // Copy Pages
-  const pages = ['settings'];
-
-  pages.forEach((p) => {
-    const src = path.resolve(__dirname, 'pages', `${p}.vue`);
-    const dest = path.resolve(cwd, 'src', 'pages', `${p}.vue`);
-    toCopy.push({
-      from: src,
-      to: dest,
-    });
-  });
-  toCopy.push({
-    content: generateHomePage(options),
-    to: path.resolve(cwd, 'src', 'pages', 'index.vue'),
-  });
-  toCopy.push({
-    content: generateRoot(options),
-    to: path.resolve(cwd, 'src', 'components', 'app.vue'),
-  });
-  toCopy.push({
-    content: generateStore(options),
-    to: path.resolve(cwd, 'src', 'store.js'),
-  });
-  toCopy.push({
-    from: path.resolve(__dirname, 'vite.config.js'),
-    to: path.resolve(cwd, 'vite.config.js'),
-  });
-  toCopy.push({
-    from: path.resolve(__dirname, 'global-components.d.ts'),
-    to: path.resolve(cwd, 'src', 'global-components.d.ts'),
-  });
-  toCopy.push({
-    from: path.resolve(__dirname, 'components', 'header.vue'),
-    to: path.resolve(cwd, 'src', 'components', 'header.vue'),
-  });
-  toCopy.push({
-    from: path.resolve(__dirname, 'components', 'sun-and-moon.vue'),
-    to: path.resolve(cwd, 'src', 'components', 'sun-and-moon.vue'),
-  });
-  toCopy.push({
-    from: path.resolve(__dirname, 'icons', 'sun.svg'),
-    to: path.resolve(cwd, 'src', 'static', 'icons', 'sun.svg'),
-  });
-  toCopy.push({
-    from: path.resolve(__dirname, 'icons', 'moon.svg'),
-    to: path.resolve(cwd, 'src', 'static', 'icons', 'moon.svg'),
-  });
-
-
-  if (bundler) {
-    toCopy.push({
-      from: path.resolve(__dirname, 'babel.config.js'),
-      to: path.resolve(cwd, 'babel.config.js'),
-    });
-  }
-  return toCopy;
-};

package/create/templates/vue/generate-home-page.js

@@ -1,56 +0,0 @@
-const indent = require('../../utils/indent');
-
-module.exports = (options) => {
-  const { name, template } = options;
-
-  return indent(0, `
-  <template>
-    <zmp-page name="home" :theme-dark="darkMode">
-      <Header />
-      <zmp-box m="4">
-        <zmp-card inset title="Welcome to Zalo Mini App. Let's see what we have here.">
-          <p>
-            Recommended IDE Setup:
-            <a
-              href="https://code.visualstudio.com/"
-              target="_blank"
-              rel="nofollow"
-            >VSCode</a> +
-            <a
-              href="https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar"
-              target="_blank"
-              rel="nofollow"
-            >Volar</a>
-          </p>
-          <zmp-button @click="openDocs" fill responsive>Documentation</zmp-button>
-        </zmp-card>
-      </zmp-box>
-      <zmp-box m="4">
-        <zmp-card inset class="p-0">
-          <zmp-box flex justify-content="space-between" align-items="center">
-            <zmp-text bold class="mb-0">Example navigation</zmp-text>
-            <zmp-link href="/settings" transition="zmp-fade">
-              Settings
-              <zmp-icon zmp="zi-chevron-right" />
-            </zmp-link>
-          </zmp-box>
-        </zmp-card>
-      </zmp-box>
-    </zmp-page>
-  </template>
-
-  <script setup>
-  import { useStore } from 'zmp-vue';
-  import api from 'zmp-sdk';
-  import Header from "../components/header.vue";
-
-  const openDocs = () => {
-    api.openWebview({
-      url: 'https://mini.zalo.me'
-    });
-  };
-
-  const darkMode = useStore('darkMode');
-  </script>
-  `).trim();
-};

package/create/templates/vue/generate-root.js

@@ -1,50 +0,0 @@
-const indent = require('../../utils/indent');
-const templateIf = require('../../utils/template-if');
-const appParameters = require('../app-parameters');
-
-module.exports = (options) => {
-  const { template, type, theming, customBuild } = options;
-
-  return indent(0,
-    `
-    <template>
-      <zmp-app v-bind="zmpparams">
-        <!-- Your main view, should have "view-main" class -->
-        <zmp-view main class="safe-areas" url="/"></zmp-view>
-      </zmp-app>
-    </template>
-    <script>
-    import { onMounted } from 'vue';
-    import { zmpready } from 'zmp-vue';
-    import api from 'zmp-sdk';
-    import store from '../store';
-
-    export default {
-      setup() {
-        // ZMP Parameters
-        const zmpparams = {
-          ${indent(6, appParameters(options)).trim()}
-        };
-
-        onMounted(() => {
-          zmpready(async () => {
-            // Call ZMP APIs here
-            try {
-              await api.login();
-              const { userInfo } = await api.getUserInfo();
-              store.dispatch('setUser', userInfo);
-            } catch (error) {
-              console.error(error);
-            }
-          });
-        });
-
-        return {
-          zmpparams
-        }
-      }
-    }
-    </script>
-  `
-  ).trim();
-};

package/create/templates/vue/generate-routes.js

@@ -1,7 +0,0 @@
-module.exports = (options) => {
-  const { template } = options;
-
-  const routes = ['settings'];
-
-  return routes;
-};

package/create/templates/vue/generate-scripts.js

@@ -1,63 +0,0 @@
-const templateIf = require('../../utils/template-if');
-const indent = require('../../utils/indent');
-const stylesExtension = require('../../utils/styles-extension');
-
-module.exports = (options) => {
-  const {
-    cssPreProcessor,
-    theming,
-    customBuild,
-    includeTailwind
-  } = options;
-
-  let scripts = '';
-
-  scripts += indent(0, `
-    // Import Vue
-    import { createApp } from 'vue';
-
-    // Import ZMP
-    import ZMP from '${customBuild ? './zmp-custom.js' : 'zmp-framework/core/lite-bundle'}';
-
-    // Import ZMP-Vue Plugin
-    import ZMPVue, { registerComponents } from 'zmp-vue/bundle';${includeTailwind ? `
-
-    // Import tailwind styles
-    import './css/tailwind.css';` : ''}
-
-    // Import ZMP Styles
-    ${templateIf(customBuild, () => `
-    import '../css/zmp-custom.less';
-    `, () => `
-    import 'zmp-framework/zmp-bundle.min.css';
-    `)}
-
-    // Import Icons and App Custom Styles
-    ${templateIf(theming.iconFonts, () => `
-    import './css/icons.css';
-    `)}
-    import './css/app.${stylesExtension(cssPreProcessor)}';
-
-    // Import App Component
-    import App from './components/app.vue';
-    import appConfig from '../app-config.json';
-
-    if (!window.APP_CONFIG) {
-      window.APP_CONFIG = appConfig;
-    }
-
-    // Init ZMP-Vue Plugin
-    ZMP.use(ZMPVue);
-
-    // Init App
-    const app = createApp(App);
-
-    // Register ZMP Vue components
-    registerComponents(app);
-
-    // Mount the app
-    app.mount('#app');
-  `);
-
-  return scripts.trim();
-};

package/create/templates/vue/global-components.d.ts

@@ -1,121 +0,0 @@
-import {
-  AccordionContent,
-  AccordionItem,
-  AccordionToggle,
-  Accordion,
-  ActionsButton,
-  ActionsGroup,
-  ActionsLabel,
-  Actions,
-  App,
-  AvatarGroup,
-  Avatar,
-  Box,
-  Button,
-  Card,
-  Checkbox,
-  Col,
-  DatePicker,
-  FabBackdrop,
-  FabButton,
-  FabButtons,
-  Fab,
-  GridItem,
-  Grid,
-  Icon,
-  Input,
-  Link,
-  ListInput,
-  ListItem,
-  List,
-  NavLeft,
-  NavRight,
-  NavTitleLarge,
-  NavTitle,
-  Navbar,
-  Page,
-  Picker,
-  Preloader,
-  Progressbar,
-  Radio,
-  Range,
-  Row,
-  Searchbar,
-  Sheet,
-  SkeletonAvatar,
-  SkeletonBlock,
-  SkeletonImage,
-  SkeletonText,
-  SwiperSlide,
-  Swiper,
-  Tab,
-  Tabbar,
-  Tabs,
-  Text,
-  Title,
-  ToastPreloader,
-  Toggle,
-  View,
-} from 'zmp-vue';
-
-declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-    ZmpAccordionContent: typeof AccordionContent;
-    ZmpAccordionItem: typeof AccordionItem;
-    ZmpAccordionToggle: typeof AccordionToggle;
-    ZmpAccordion: typeof Accordion;
-    ZmpActionsButton: typeof ActionsButton;
-    ZmpActionsGroup: typeof ActionsGroup;
-    ZmpActionsLabel: typeof ActionsLabel;
-    ZmpActions: typeof Actions;
-    ZmpApp: typeof App;
-    ZmpAvatarGroup: typeof AvatarGroup;
-    ZmpAvatar: typeof Avatar;
-    ZmpBox: typeof Box;
-    ZmpButton: typeof Button;
-    ZmpCard: typeof Card;
-    ZmpCheckbox: typeof Checkbox;
-    ZmpCol: typeof Col;
-    ZmpDatePicker: typeof DatePicker;
-    ZmpFabBackdrop: typeof FabBackdrop;
-    ZmpFabButton: typeof FabButton;
-    ZmpFabButtons: typeof FabButtons;
-    ZmpFab: typeof Fab;
-    ZmpGridItem: typeof GridItem;
-    ZmpGrid: typeof Grid;
-    ZmpIcon: typeof Icon;
-    ZmpInput: typeof Input;
-    ZmpLink: typeof Link;
-    ZmpListInput: typeof ListInput;
-    ZmpListItem: typeof ListItem;
-    ZmpList: typeof List;
-    ZmpNavLeft: typeof NavLeft;
-    ZmpNavRight: typeof NavRight;
-    ZmpNavTitleLarge: typeof NavTitleLarge;
-    ZmpNavTitle: typeof NavTitle;
-    ZmpNavbar: typeof Navbar;
-    ZmpPage: typeof Page;
-    ZmpPicker: typeof Picker;
-    ZmpPreloader: typeof Preloader;
-    ZmpProgressbar: typeof Progressbar;
-    ZmpRadio: typeof Radio;
-    ZmpRange: typeof Range;
-    ZmpRow: typeof Row;
-    ZmpSearchbar: typeof Searchbar;
-    ZmpSheet: typeof Sheet;
-    ZmpSkeletonAvatar: typeof SkeletonAvatar;
-    ZmpSkeletonBlock: typeof SkeletonBlock;
-    ZmpSkeletonImage: typeof SkeletonImage;
-    ZmpSkeletonText: typeof SkeletonText;
-    ZmpSwiperSlide: typeof SwiperSlide;
-    ZmpSwiper: typeof Swiper;
-    ZmpTab: typeof Tab;
-    ZmpTabbar: typeof Tabbar;
-    ZmpTabs: typeof Tabs;
-    ZmpText: typeof Text;
-    ZmpTitle: typeof Title;
-    ZmpToastPreloader: typeof ToastPreloader;
-    ZmpToggle: typeof Toggle;
-    ZmpView: typeof View;
-  }
-}

package/create/templates/vue/icons/moon.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.99975 9.807C8.74152 8.54828 7.88464 6.94484 7.53738 5.1993C7.19012 3.45375 7.36807 1.64444 8.04875 0C6.10802 0.382051 4.32535 1.33431 2.92875 2.735C-0.97625 6.64 -0.97625 12.972 2.92875 16.877C6.83475 20.783 13.1658 20.782 17.0718 16.877C18.4721 15.4805 19.4243 13.6983 19.8067 11.758C18.1623 12.4385 16.353 12.6164 14.6075 12.2692C12.862 11.9219 11.2585 11.0651 9.99975 9.807Z" fill="white"/>
-</svg>

package/create/templates/vue/icons/sun.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0004 0.400024C10.3187 0.400024 10.6239 0.526453 10.8489 0.751496C11.074 0.97654 11.2004 1.28176 11.2004 1.60002V2.80002C11.2004 3.11828 11.074 3.42351 10.8489 3.64855C10.6239 3.8736 10.3187 4.00002 10.0004 4.00002C9.68213 4.00002 9.37691 3.8736 9.15186 3.64855C8.92682 3.42351 8.80039 3.11828 8.80039 2.80002V1.60002C8.80039 1.28176 8.92682 0.97654 9.15186 0.751496C9.37691 0.526453 9.68213 0.400024 10.0004 0.400024ZM14.8004 10C14.8004 11.2731 14.2947 12.494 13.3945 13.3941C12.4943 14.2943 11.2734 14.8 10.0004 14.8C8.72735 14.8 7.50645 14.2943 6.60628 13.3941C5.7061 12.494 5.20039 11.2731 5.20039 10C5.20039 8.72698 5.7061 7.50609 6.60628 6.60591C7.50645 5.70574 8.72735 5.20002 10.0004 5.20002C11.2734 5.20002 12.4943 5.70574 13.3945 6.60591C14.2947 7.50609 14.8004 8.72698 14.8004 10ZM14.2436 15.94L15.092 16.7884C15.3183 17.007 15.6214 17.128 15.9361 17.1252C16.2507 17.1225 16.5517 16.9963 16.7742 16.7738C16.9967 16.5513 17.1229 16.2503 17.1256 15.9357C17.1283 15.6211 17.0074 15.3179 16.7888 15.0916L15.9404 14.2432C15.7141 14.0246 15.4109 13.9037 15.0963 13.9064C14.7817 13.9091 14.4807 14.0354 14.2582 14.2578C14.0357 14.4803 13.9095 14.7813 13.9068 15.0959C13.904 15.4106 14.025 15.7137 14.2436 15.94ZM16.7876 3.21162C17.0126 3.43666 17.1389 3.74183 17.1389 4.06002C17.1389 4.37822 17.0126 4.68339 16.7876 4.90842L15.9404 5.75682C15.8297 5.87144 15.6973 5.96285 15.5509 6.02575C15.4045 6.08864 15.247 6.12174 15.0877 6.12312C14.9283 6.12451 14.7703 6.09415 14.6228 6.03381C14.4754 5.97347 14.3414 5.88437 14.2287 5.7717C14.116 5.65903 14.0269 5.52504 13.9666 5.37757C13.9063 5.23009 13.8759 5.07208 13.8773 4.91274C13.8787 4.75341 13.9118 4.59594 13.9747 4.44954C14.0376 4.30313 14.129 4.17072 14.2436 4.06002L15.092 3.21162C15.317 2.98666 15.6222 2.86028 15.9404 2.86028C16.2586 2.86028 16.5638 2.98666 16.7888 3.21162H16.7876ZM18.4004 11.2C18.7186 11.2 19.0239 11.0736 19.2489 10.8486C19.474 10.6235 19.6004 10.3183 19.6004 10C19.6004 9.68176 19.474 9.37654 19.2489 9.1515C19.0239 8.92645 18.7186 8.80002 18.4004 8.80002H17.2004C16.8821 8.80002 16.5769 8.92645 16.3519 9.1515C16.1268 9.37654 16.0004 9.68176 16.0004 10C16.0004 10.3183 16.1268 10.6235 16.3519 10.8486C16.5769 11.0736 16.8821 11.2 17.2004 11.2H18.4004ZM10.0004 16C10.3187 16 10.6239 16.1265 10.8489 16.3515C11.074 16.5765 11.2004 16.8818 11.2004 17.2V18.4C11.2004 18.7183 11.074 19.0235 10.8489 19.2486C10.6239 19.4736 10.3187 19.6 10.0004 19.6C9.68213 19.6 9.37691 19.4736 9.15186 19.2486C8.92682 19.0235 8.80039 18.7183 8.80039 18.4V17.2C8.80039 16.8818 8.92682 16.5765 9.15186 16.3515C9.37691 16.1265 9.68213 16 10.0004 16ZM4.06039 5.75682C4.1718 5.86832 4.30409 5.95677 4.44969 6.01714C4.59528 6.07751 4.75135 6.10861 4.90897 6.10867C5.06658 6.10872 5.22267 6.07773 5.36831 6.01747C5.51395 5.9572 5.6463 5.86884 5.75779 5.75742C5.86928 5.64601 5.95774 5.51373 6.01811 5.36813C6.07848 5.22253 6.10958 5.06647 6.10963 4.90885C6.10969 4.75123 6.0787 4.59514 6.01843 4.4495C5.95817 4.30386 5.8698 4.17152 5.75839 4.06002L4.90879 3.21162C4.68247 2.99303 4.37935 2.87208 4.06471 2.87482C3.75007 2.87755 3.4491 3.00375 3.22661 3.22624C3.00412 3.44873 2.87792 3.74971 2.87518 4.06434C2.87245 4.37898 2.9934 4.6821 3.21199 4.90842L4.06039 5.75682ZM5.75719 15.94L4.90879 16.7884C4.68247 17.007 4.37935 17.128 4.06471 17.1252C3.75007 17.1225 3.4491 16.9963 3.22661 16.7738C3.00412 16.5513 2.87792 16.2503 2.87518 15.9357C2.87245 15.6211 2.9934 15.3179 3.21199 15.0916L4.06039 14.2432C4.28671 14.0246 4.58984 13.9037 4.90447 13.9064C5.21911 13.9091 5.52008 14.0354 5.74257 14.2578C5.96506 14.4803 6.09127 14.7813 6.094 15.0959C6.09673 15.4106 5.97578 15.7137 5.75719 15.94ZM2.80039 11.2C3.11865 11.2 3.42387 11.0736 3.64892 10.8486C3.87396 10.6235 4.00039 10.3183 4.00039 10C4.00039 9.68176 3.87396 9.37654 3.64892 9.1515C3.42387 8.92645 3.11865 8.80002 2.80039 8.80002H1.60039C1.28213 8.80002 0.976906 8.92645 0.751862 9.1515C0.526819 9.37654 0.400391 9.68176 0.400391 10C0.400391 10.3183 0.526819 10.6235 0.751862 10.8486C0.976906 11.0736 1.28213 11.2 1.60039 11.2H2.80039Z" fill="white"/>
-</svg>

package/create/templates/vue/pages/404.vue

@@ -1,12 +0,0 @@
-<template>
-  <zmp-page>
-    <zmp-navbar title="Not found" back-link="Back"></zmp-navbar>
-    <zmp-block strong>
-      <p>Sorry</p>
-      <p>Requested content not found.</p>
-    </zmp-block>
-  </zmp-page>
-</template>
-<script>
-  export default {};
-</script>

package/create/templates/vue/pages/about.vue

@@ -1,15 +0,0 @@
-<template>
-  <zmp-page name="about">
-    <zmp-navbar title="About" back-link="Back"></zmp-navbar>
-    <zmp-block-title>About My App</zmp-block-title>
-    <zmp-block strong>
-      <p>Fugiat perspiciatis excepturi, soluta quod non ullam deleniti. Nobis sint nemo consequuntur, fugiat. Eius perferendis animi autem incidunt vel quod tenetur nostrum, voluptate omnis quasi quidem illum consequuntur, a, quisquam.</p>
-      <p>Laudantium neque magnam vitae nemo quam commodi, in cum dolore obcaecati laborum, excepturi harum, optio qui, consequuntur? Obcaecati dolor sequi nesciunt culpa quia perspiciatis, reiciendis ex debitis, ut tenetur alias.</p>
-    </zmp-block>
-    <zmp-block>
-      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni molestiae laudantium dignissimos est nobis delectus nemo ea alias voluptatum architecto, amet similique, saepe iste consectetur in repellat ut minus quibusdam!</p>
-      <p>Molestias et distinctio porro nesciunt ratione similique, magni doloribus, rerum nobis, aliquam quae reiciendis quasi modi. Nam a recusandae, fugiat in ea voluptates fuga eius, velit corrupti reprehenderit dignissimos consequatur!</p>
-      <p>Blanditiis, cumque quo adipisci. Molestiae, dolores dolorum quos doloremque ipsa ullam eligendi commodi deserunt doloribus inventore magni? Ea mollitia veniam nostrum nihil, iusto doloribus a at! Ea molestiae ullam delectus!</p>
-    </zmp-block>
-  </zmp-page>
-</template>