Commit 7482aa65 authored by Дмитрий Малюгин's avatar Дмитрий Малюгин 🕓
Browse files

Merge branch 'feature/baseMenu' into 'main'

Create base menu

See merge request d.malygin/motion!2
parents a35aabef 5f2e207e
Loading
Loading
Loading
Loading

components.d.ts

0 → 100644
+27 −0
Original line number Diff line number Diff line
/* eslint-disable */
// @ts-nocheck
// Generated by unplugin-vue-components
// Read more: https://github.com/vuejs/core/pull/3399
export {}

/* prettier-ignore */
declare module 'vue' {
  export interface GlobalComponents {
    Avatar: typeof import('primevue/avatar')['default']
    Button: typeof import('primevue/button')['default']
    Divider: typeof import('primevue/divider')['default']
    Drawer: typeof import('primevue/drawer')['default']
    LogoAndLabel: typeof import('./src/components/LogoAndLabel.vue')['default']
    Popover: typeof import('primevue/popover')['default']
    RouterLink: typeof import('vue-router')['RouterLink']
    RouterView: typeof import('vue-router')['RouterView']
    ScrollPanel: typeof import('primevue/scrollpanel')['default']
    SpeedDial: typeof import('primevue/speeddial')['default']
    Splitter: typeof import('primevue/splitter')['default']
    SplitterPanel: typeof import('primevue/splitterpanel')['default']
    Textarea: typeof import('primevue/textarea')['default']
    TextItem: typeof import('./src/components/entities/TextItem.vue')['default']
    Tree: typeof import('primevue/tree')['default']
    UserInfoHeaderWithSettings: typeof import('./src/components/UserInfoHeaderWithSettings.vue')['default']
  }
}
+4 −3
Original line number Diff line number Diff line
@@ -4,7 +4,8 @@
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vite App</title>
      <link href="./src/output.css" rel="stylesheet">
    <title>Motion</title>
  </head>
  <body>
  <div id="app"></div>

package-lock.json

0 → 100644
+4146 −0

File added.

Preview size limit exceeded, changes collapsed.

+9 −0
Original line number Diff line number Diff line
@@ -13,16 +13,24 @@
    "format": "prettier --write src/"
  },
  "dependencies": {
    "@primevue/themes": "^4.0.4",
    "@vueuse/core": "^10.11.0",
    "@vueuse/integrations": "^10.11.0",
    "pinia": "^2.1.7",
    "primeicons": "^7.0.0",
    "primevue": "^4.0.4",
    "tailwindcss": "^3.4.7",
    "universal-cookie": "^7",
    "uuid": "^10.0.0",
    "vue": "^3.4.29",
    "vue-router": "^4.3.3"
  },
  "devDependencies": {
    "@primevue/auto-import-resolver": "^4.0.4",
    "@rushstack/eslint-patch": "^1.8.0",
    "@tsconfig/node20": "^20.1.4",
    "@types/node": "^20.14.5",
    "@types/uuid": "^10.0.0",
    "@vitejs/plugin-vue": "^5.0.5",
    "@vue/eslint-config-prettier": "^9.0.0",
    "@vue/eslint-config-typescript": "^13.0.0",
@@ -33,6 +41,7 @@
    "prettier": "^3.2.5",
    "typescript": "~5.4.0",
    "unplugin-auto-import": "^0.18.2",
    "unplugin-vue-components": "^0.27.3",
    "vite": "^5.3.1",
    "vue-tsc": "^2.0.21"
  }
+17 −17
Original line number Diff line number Diff line
<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router';
import 'primeicons/primeicons.css';
import BaseMenu from '@/modules/BaseMenu.vue';
const baseMenu = ref();
const toggleMenu = (event) => {
  baseMenu.value.toggle(event);
};
const visible = ref<boolean>(false);
</script>

<template>
  <header>
    <div class="wrapper">
      <h1>ggggggggggggggggggggggggggggggggggggggggggggggg</h1>
      <nav>
        <RouterLink to="/">Home</RouterLink>
        <RouterLink to="/about">About</RouterLink>
      </nav>
  <router-view />
  <div class="absolute top-0 left-0">
    <Button
      @click.prevent="visible = !visible"
      label="Menu"
      iconPos="top"
      icon="pi pi-bars"
      severity="secondary"
    />
  </div>
  </header>
  <Button @click="toggleMenu">Menu</Button>
  <BaseMenu ref="baseMenu" />
  <RouterView />
  <Drawer v-model:visible="visible">
    <template #container="{ closeCallback }">
      <BaseMenu @closeCallback="closeCallback" />
    </template>
  </Drawer>
</template>

<style scoped></style>
Loading