Nota: este post tem links de afiliados. Ao clicar e fazer compras ganhamos comissões. Obrigado!
Vuero não é um tema, não é uma estrutura, ao contrário, é um sistema de design híbrido. Vuero não é apenas uma porta Vue de Huro, é uma reescrita completa usando a nova API Vue 3 Composition. Ele fornece páginas prontas para começar a criar seu aplicativo sem esforço, bem como um conjunto de elementos adicionais que o ajudarão a criar novas páginas para suas necessidades específicas. Tudo o que você precisa para começar está lá, painéis, formulários, layouts, perfil, aplicativos, elementos, componentes e muito mais. Observe, no entanto, que Vuero não é um tema WordPress.
Construído com Vue 3
Vue (pronuncia-se /vjuː/, como view) é uma estrutura progressiva para a construção de interfaces de usuário. Ao contrário de outras estruturas monolíticas, o Vue foi projetado desde o início para ser adotado de forma incremental.
Vite Powered
Vuero é alimentado por Vite. O Vite é uma ferramenta de construção de desenvolvimento web opinativa que atende seu código por meio de importações nativas do módulo ES durante o desenvolvimento e o agrupa com o Rollup para produção. O Vite oferece inicialização rápida do servidor a frio, substituição instantânea do módulo quente (HMR) e verdadeira compilação sob demanda.
quadro Bulma
Se você quiser experimentar algo diferente dos designs e códigos do Bootstrap, esta é a alternativa perfeita. Bulma é um framework CSS leve e fácil de usar baseado no Flexbox. Sua primeira rede móvel provou ser extremamente flexível e perfeita para dispositivos móveis. Além disso, você tem muitos modificadores responsivos e mixins disponíveis nativamente.
Capacidades de temas
Os estilos Vuero são escritos em Scss gerados em um único arquivo central CSS minificado. Você pode facilmente usar as cores existentes ou criar um novo tema a partir do zero rapidamente adequado para sua marca.
Núcleo Modular
A estrutura dos arquivos fonte do Vuero Scss segue um padrão modular. Tudo já está fatiado para uma melhor manutenção do código. Além disso, você pode personalizar os arquivos de origem e as variáveis do Bulma antes de criar o Vuero!
Entradas bonitas
O Vuero apresenta 230 páginas de demonstração. ele vem em uma interface de usuário de administração/webapp completa que você pode usar em sua plataforma favorita ou em um projeto totalmente personalizado
Design responsivo
O Vuero é baseado no Flexbox, que é nativamente adequado para celulares e tablets. Vuero é ultra responsivo.
Recursos do modelo
- Mais de 230 páginas de demonstração
- Empacotador Vite incrivelmente rápido
- Gerenciamento de dependência
- servidor de desenvolvimento
- Hot Reloading
- recursos gráficos
- Todas as variáveis são personalizáveis
- Modo escuro nativo
NOTA: Observe que as fotos não estão incluídas nos principais arquivos de download.
Documentação
- Documentação on-line
Fontes
- Montserrat
- Robô
Imagens
- Unsplash
- Pexels
Ilustrações
- freepik
- Abrir
Log de alterações
----------------------------------------------------------------------------------------- Version 2.3.0 - Apr 24, 2022 ----------------------------------------------------------------------------------------- - Features - add plugin system (8e0acf2) - docs: add copy color snippet button (56e4774) - forms: refactor and add components with validation (84407a2) - v-checkbox: allow to use boolean as value (b15bc05) - v-flex-table-wrapper: expose fetchData method in default v-slot (740ebb5) - v-tabs: allow v-model on selected props (34ea2c3) - wizard: refactor wizard v1 with nested routes (3c4e2a7) - Bug Fixes - multiselect: make searchable multiselect focusable with labels (b2edaed) - multiselect: uniformize border style (fbf2273), closes #120 - scss: improve loading and reduce end bundle size (e08cff0) - sidebar: invalid focus style on dropdown items (a13a162), closes #142 - typing: remove simplebar types (built-in) (a1c3f34), closes #133 - update all major dependencies (6fc0da7) - v-collapse-link: default active item always open (e0047b7), closes #140 - v-control: allow overriding input id (77e7e64) - v-switch: allow to be used without vmodel (d1a139c) - v-tippy: add wrapper to tippy component for accessibility (796813f) ----------------------------------------------------------------------------------------- Version 2.2.0 - Jan 3, 2022 ----------------------------------------------------------------------------------------- - Features accessibility: enable click-events-have-key-events eslint rule (0d55212) accessibility: improve focus styles and keyboard navigation (18a62e7) accessibility: improve keyboard navigation on form pages (3868a72) add useThemeColors composable (a1f84d8) layouts: add new Sideblock layout (ff5f774) linters: upgrade to stylelint v14 + other linter minor versions (b5cbd8c) page-icons: add copy snippets to clipboard on all icons examples (271acd9) page-influencer: split page into smaller and more reusable components (46307a4) page-messaging-v1: split page into smaller and more reusable components with api call samples (0bf5d04) sidebar-collapsable-links: replace has-nested-router-link directive with a component (141311c) stores: convert activePanelState to pinia (89c3c6a) stores: convert activeSidebarState to pinia (7a71043) stores: convert darkModeState to pinia (352b2ee) stores: convert navbarLayoutState and sidebarLayoutState to layoutSwitcher store (949ed35) stores: enable hot module replacement on pinia modules (37690dc) stores: use viewWrapper store to handle pageTitle (87e2766) styles: Move styles to components to allow reusability (#126) (448b53c) v-flex-table-wrapper: add pagination, sort, filter and async data to v-flex-table (#127) (5a24ac2) v-flex-table: improve darkmode and responsive + add separators prop (6aa8f5a) v-flex-table: rewrite component with slots and render functions (cf67662) v-page-content-wrapper: add base layout component (47c90e2) v-page-content: add base layout component (5881d07) v-placeload: add mobileWidth and mobileHeight properties (17050a4) v-view-wrapper: add base layout component (4c8384e) work on sideblock layout (4aacc70) - Bug Fixes add missing slots to base components (9a64c83) composable: export named composable instead of default (a911ea4) composable: update useApi error message (9946588) composable: wrap useNotif with createSharedComposable from vueuse (d7a59cb) page-signup: done button now submit the register form (0ee5486), closes #124 sidebar hover labels (1d21728) simplify app.ts + main.ts files and create VueroApp.vue (e8b1132) update modal form examples (029dcd2) useApi: remove provide/inject + add initial page router guard async example (b725be2) utils: rename themeColors to theme-colors (e6168a3) v-field: auto-generate input id binded with label (bfd7e58) ----------------------------------------------------------------------------------------- Version 2.1.0 - Oct 6, 2021 ----------------------------------------------------------------------------------------- - Features accessibility: add eslint plugin to check accessibility in vue 3 files (b4c5774) build: add rollup purgecss plugin (7475783) notyf: improve useNotif to use INotyfNotificationOptions payload (5968143) pinia: replace userSession and wizard states with pinia stores (5966a86) v-credit-card: translate component + set default props values (198c7cb) v-peity: add peity chart component (close #100) (3e59f07) - Bug Fixes datepicker: use camel-case component name in markdown examples (998ee61) delay icon loading and set purgecss safelist (eb06946) homepage: add discord and github info + version from package.json (f0d068b) i18n: persist selected language when user use the language panel (8c11b19) main: update how userSession and api are provided (644924c) nabar-divider: use border cssvar for bg color (close #109) (3e8f330) quickstarter: clean unused files before adding to the release archive (db65175) quickstarter: remove all demo images references (3cf8fce) quickstart: use LandingLayout on not found page (4294eb0) remove unused images (c706d43) use regex in hsltohex parser (948d56d) user-grid-v3: tab slider was missing (bc49405) v-avatar: light/dark image toggle (close #107) (a651520) v-flex-pagination: last page was missing in some cases (e5ccd13) vscode: simplify settings and update recommended extensions (99215e8) ----------------------------------------------------------------------------------------- Version 2.0.0 - Sep 20, 2021 ----------------------------------------------------------------------------------------- ⚠ BREAKING CHANGES typescript: remove dashs - from components name to match vue standards typescript: enable volar and vue-tsc - Features add soccer and jobs dashboards (386206a) add VFlex, VFlexItem, VGrid and VGridItem components (70afa23) add video player on home, fix: multiselect shadow (d88e0cb) homepage: add demo search input (a2c6220) i18n: translate auth/signup-2 page (7aa6d3f) typescript: enable volar and vue-tsc (869969a) typescript: remove dashs - from components name to match vue standards (a0505c7) vee-validate: add form validation example won signup-2 demo page (close #82) (5c2081f) - Bug Fixes cypress: add new page + fill auth form when required (be7ab25) dark: change border and red colors in dark mode (a923e09) flex-pagination: aria-current value when empty page (0d4794e) form-stepper: broken dark mode (353ba4d) icons: replace huge html file (ccfc19f) profile-edit: edit profile menu item hover color (close #101) (744e7dd) project-details: broken tabs (close #103) (f374b23) stylelint: disable value-keyword-case rule (8be676f) theme-colors: use getComputedStyle and map css variable values to themeColors (close #95) (c895d1d) v-avatar-stack: add limit into props interface (close #97) (efb9cf9) v-date-picker: use kebab case (a715486) v-plyr: clean iframe source (0148804) vaccordion: use default value when no openItems props is set (close #93) (632fb1e) vfilepond: custom file validator to map accepted file props (eb5bc18) ----------------------------------------------------------------------------------------- Version 1.4.0 - Sep 9, 2021 ----------------------------------------------------------------------------------------- Features collapse-model: add v-collapsemodel component (2ad9030) components: add v-flex in components, add css vars documentation (a64cdf5) dev-tools: add commitlint and standard-version release tool for changelog/version generation (1f0d473) docs: add color picker on documentation (4a2a844) env: add .env file with example for mapbox api key) (7f4ef80) flex-pagination: translate component (760fd47) flex: add v-flex component (2d39989) modal: translate component (4fbb873) page-404: translate page (d4619cf) reload-promp: add appName props + translate component (a4475a4) scss: migrate to native css variables (a680ad6) scss: replace darken function in components with variables (d5f72a2) scss: replace lighten function in components with variables (970586a) scss: resolve darken/lighten colors (c17b9f8) svg: add vite-svg-loader + use css variables in error-1.svg for demo (69c1867) typings: migrate all components declaration to typescript with generic type notation (3e6c654) Bug Fixes button: import v-placeload instead of resolving (c97f1b0) collapse icon (c7d52cc) dark-mode: set is-dark class to documentElement (root html) instead of body (c6c3bf5) svg: use .svg?url in html to avoid being imported as component by vite-svg-loader (f98be7e) typings: remove unecessary declaration + ignore components.d.ts for linter (46da1bb) ----------------------------------------------------------------------------------------- Version 1.3.1 - Jul 26, 2021 ----------------------------------------------------------------------------------------- fix: remove usage of useContext to replace with useSlots (cae218d) fix: add vue-demi dependencies (135ce23) fix: update vue and vue/compiler-sfc + update minor deps (85cc46b) fix(v-collapse): remove is-active class and use native open attribute (a390e96) ----------------------------------------------------------------------------------------- Version 1.3.0 - Jul 18, 2021 ----------------------------------------------------------------------------------------- fix: circular menu watcheffect fix: v-plyr cover video size feat: add redirection pages examples in auth and error feat: add simple quickstarter pages and layout feat: add useApi and useUserSession composable + add navigation guard example on dashboards pages feat: update to vue 3.2.0 feat: add V-Vivus component chore: add license file and fix minimum node version chore: uniformisation of defineProps and defineEmits usage chore: update documentation link chore: update redirection route in navigation guard to auth instead of auth-login-1 refactor: export function in i18n and router refactor(v-button): use render function instead of template refactor(v-iconbutton): use render function instead of template dx: improve subdirectory path comments ----------------------------------------------------------------------------------------- Version 1.2.1 - Jun 22, 2021 ----------------------------------------------------------------------------------------- fix: Broken account mobile menu on navbar layouts fix: Colored navbar notifications dropdown hover bug fix: Some onboarding pages not being responsive ----------------------------------------------------------------------------------------- Version 1.2.0 - Jun 21, 2021 ----------------------------------------------------------------------------------------- feat: add maps pages with mapbox (0bb8c25) feat: extract messaging layout (de96804) feat: simplify minimal layout (a16cb70) feat: simplify navbar layout (c24eec2) feat: simplify sidebar layout (cc5f665) feat(v-placeload): add components and layouts (3aa90c0) feat(v-avatar): add pictureDark props and add slots to customize avatars (9bd1516) feat(v-button): add icon caret on and expose methods on v-dropdown (8963df9) chore: update vue to 3.1 and bulma to 0.9.3 (243afe81) chore: add internal sonarqube config (e9e78f3) chore: reduce code smells and bugs (sonarqube) (166f44d) chore: update dependencies (58c8471) chore: update linters dependencies (c2be764) chore(cypress): add ability to tests url with query arguments (3d97b27) refactor: navbar layout and mobile navigation components (29689f3) refactor: sidebar layout (062bd59) refactor: useDropdown + improve accessibility (376f228) refactor: useMarkdownToc + improve tables accessibility (e0a0585) refactor: extract page title to layouts (abb2b4c) refactor: merge layout switcher + screenshot generation (53bba1f) refactor(v-dropdown): use components on partials (9c862ae) fix: add missing ref on wizard upload (0d199b6) fix: path aliases on windows (64af8c5) fix: remove overflow to allow sticky elements (close #76) (7994087), closes #76 ----------------------------------------------------------------------------------------- Version 1.1.0 - Apr 22, 2021 ----------------------------------------------------------------------------------------- - chore: add comments on main files + update deps - chore: extract navbar templates - chore: extract sidebar templates - chore: move demo files and update deps - chore: update deps, remove top nodes comments - chore: update envato release process - chore: update major deps - chore: update minor deps - chore: update router and i18n comments + update deps packages - feat: add forms component and refactored documentation - feat: implement form stepper and marketing pages - feat: import changes from huro - feat: update dropdown navbar items + add npm and yarn lock files - feat(v-accordionimage): emit select event and remove id field from items - feat(v-buttons): add v-buttons wrapper component - feat(v-field): add label and horizontal props - feat(v-field): add multiline props - feat(v-snack): merge v-snackimage and v-snackicon components - feat(v-tabs): add v-tabs component - feat(v-tags): add v-tags wrapper components - dx: add generated CHANGELOG.md file - dx: improve estado comments and remove dead code - dx: improve templates and main files comments + fix minor integration bugs - dx: update CHANGELOG.md - workflow: update deps - ci: add macos/ubuntu/windows test runner with github actions - ci: fix github release workflow - fix: disable layout switcher when not in dynamic layout pages - fix: PropType import type - fix(v-breadcrumb): non clickable element hover effect - fix(v-icon): add key to handle icon change - Updated live demo
