├── public └── favicon.ico ├── demo ├── assets │ └── GitHub-Mark.png ├── dummy │ ├── DynamicLoadDummy-0.vue │ ├── DynamicLoadDummy-1.vue │ └── DynamicLoadDummy-2.vue ├── common │ ├── FooterMessage.vue │ └── Header.vue └── ProjectIntro.vue ├── .vscode └── extensions.json ├── src ├── utils │ └── deviceType.js ├── assets │ └── icons │ │ └── LineariconsSVG │ │ ├── chevron-down.svg │ │ ├── chevron-left.svg │ │ ├── chevron-right.svg │ │ ├── chevron-up.svg │ │ ├── pilcrow.svg │ │ ├── arrow-up.svg │ │ ├── arrow-down.svg │ │ ├── arrow-left.svg │ │ ├── arrow-right.svg │ │ ├── italic.svg │ │ ├── location.svg │ │ ├── underline.svg │ │ ├── lock.svg │ │ ├── screen.svg │ │ ├── bookmark.svg │ │ ├── file-empty.svg │ │ ├── menu.svg │ │ ├── paperclip.svg │ │ ├── volume.svg │ │ ├── cross.svg │ │ ├── envelope.svg │ │ ├── magnifier.svg │ │ ├── circle-minus.svg │ │ ├── laptop.svg │ │ ├── undo.svg │ │ ├── map.svg │ │ ├── redo.svg │ │ ├── strikethrough.svg │ │ ├── drop.svg │ │ ├── upload.svg │ │ ├── warning.svg │ │ ├── download.svg │ │ ├── mic.svg │ │ ├── book.svg │ │ ├── text-format.svg │ │ ├── direction-rtl.svg │ │ ├── smartphone.svg │ │ ├── direction-ltr.svg │ │ ├── plus-circle.svg │ │ ├── tablet.svg │ │ ├── chevron-down-circle.svg │ │ ├── chevron-left-circle.svg │ │ ├── chevron-up-circle.svg │ │ ├── checkmark-circle.svg │ │ ├── chevron-right-circle.svg │ │ ├── pie-chart.svg │ │ ├── pencil.svg │ │ ├── film-play.svg │ │ ├── crop.svg │ │ ├── arrow-up-circle.svg │ │ ├── power-switch.svg │ │ ├── arrow-down-circle.svg │ │ ├── arrow-left-circle.svg │ │ ├── arrow-right-circle.svg │ │ ├── construction.svg │ │ ├── file-add.svg │ │ ├── diamond.svg │ │ ├── exit-up.svg │ │ ├── home.svg │ │ ├── enter-down.svg │ │ ├── map-marker.svg │ │ ├── highlight.svg │ │ ├── user.svg │ │ ├── text-align-center.svg │ │ ├── text-align-justify.svg │ │ ├── text-align-left.svg │ │ ├── text-align-right.svg │ │ ├── camera-video.svg │ │ ├── code.svg │ │ ├── moon.svg │ │ ├── briefcase.svg │ │ ├── cloud.svg │ │ ├── volume-low.svg │ │ ├── inbox.svg │ │ ├── tag.svg │ │ ├── bold.svg │ │ ├── menu-circle.svg │ │ ├── frame-contract.svg │ │ ├── frame-expand.svg │ │ ├── shirt.svg │ │ ├── link.svg │ │ ├── picture.svg │ │ ├── chart-bars.svg │ │ ├── cross-circle.svg │ │ ├── heart.svg │ │ ├── question-circle.svg │ │ ├── star.svg │ │ ├── bubble.svg │ │ ├── camera.svg │ │ ├── text-format-remove.svg │ │ ├── history.svg │ │ ├── layers.svg │ │ ├── alarm.svg │ │ ├── gift.svg │ │ ├── text-size.svg │ │ ├── music-note.svg │ │ ├── move.svg │ │ ├── neutral.svg │ │ ├── select.svg │ │ ├── cart.svg │ │ ├── flag.svg │ │ ├── sort-alpha-asc.svg │ │ ├── sync.svg │ │ ├── cloud-check.svg │ │ ├── enter.svg │ │ ├── indent-increase.svg │ │ ├── indent-decrease.svg │ │ ├── smile.svg │ │ ├── exit.svg │ │ ├── coffee-cup.svg │ │ ├── trash.svg │ │ ├── sort-amount-asc.svg │ │ ├── eye.svg │ │ ├── funnel.svg │ │ ├── line-spacing.svg │ │ ├── list.svg │ │ ├── leaf.svg │ │ ├── volume-medium.svg │ │ ├── laptop-phone.svg │ │ ├── bicycle.svg │ │ ├── graduation-hat.svg │ │ ├── lighter.svg │ │ ├── sad.svg │ │ ├── pushpin.svg │ │ ├── cloud-upload.svg │ │ ├── cloud-download.svg │ │ ├── users.svg │ │ ├── printer.svg │ │ ├── hand.svg │ │ ├── pointer-down.svg │ │ ├── pointer-up.svg │ │ ├── spell-check.svg │ │ ├── pointer-left.svg │ │ ├── pointer-right.svg │ │ ├── phone-handset.svg │ │ ├── bug.svg │ │ ├── volume-high.svg │ │ ├── page-break.svg │ │ ├── database.svg │ │ ├── paw.svg │ │ ├── train.svg │ │ ├── dice.svg │ │ ├── bus.svg │ │ ├── car.svg │ │ ├── cloud-sync.svg │ │ ├── sun.svg │ │ ├── thumbs-down.svg │ │ ├── thumbs-up.svg │ │ ├── apartment.svg │ │ ├── dinner.svg │ │ ├── bullhorn.svg │ │ └── store.svg ├── components │ ├── BreadCrumb.vue │ ├── SkeletonLoader.vue │ ├── SearchBar.vue │ ├── DataTable.vue │ └── DropdownSelect.vue └── index.js ├── router └── index.js ├── .eslintrc.cjs ├── vite.config.publish.gh-page ├── index.html ├── .gitignore ├── main.js ├── deploy.sh ├── vite.config.js ├── LICENSE ├── README.md └── package.json /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/franklioxygen/air-vue/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /demo/assets/GitHub-Mark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/franklioxygen/air-vue/HEAD/demo/assets/GitHub-Mark.png -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["johnsoncodehk.volar", "johnsoncodehk.vscode-typescript-vue-plugin"] 3 | } 4 | -------------------------------------------------------------------------------- /src/utils/deviceType.js: -------------------------------------------------------------------------------- 1 | const isMobile = 2 | /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( 3 | navigator.userAgent 4 | ); 5 | const isDesktop = !isMobile; 6 | 7 | export { isMobile, isDesktop }; 8 | -------------------------------------------------------------------------------- /router/index.js: -------------------------------------------------------------------------------- 1 | import { createRouter, createWebHistory } from "vue-router"; 2 | import routes from "./routes"; 3 | 4 | const router = createRouter({ 5 | history: createWebHistory(import.meta.env.BASE_URL), 6 | routes: routes, 7 | }); 8 | 9 | export default router; 10 | -------------------------------------------------------------------------------- /.eslintrc.cjs: -------------------------------------------------------------------------------- 1 | /* eslint-env node */ 2 | require("@rushstack/eslint-patch/modern-module-resolution"); 3 | 4 | module.exports = { 5 | root: true, 6 | extends: [ 7 | "plugin:vue/vue3-essential", 8 | "eslint:recommended", 9 | "@vue/eslint-config-prettier", 10 | ], 11 | env: { 12 | "vue/setup-compiler-macros": true, 13 | }, 14 | }; 15 | -------------------------------------------------------------------------------- /vite.config.publish.gh-page: -------------------------------------------------------------------------------- 1 | import { fileURLToPath, URL } from "url"; 2 | 3 | import { defineConfig } from "vite"; 4 | import vue from "@vitejs/plugin-vue"; 5 | 6 | // https://vitejs.dev/config/ 7 | export default defineConfig({ 8 | base: "/air-vue/", 9 | plugins: [vue()], 10 | resolve: { 11 | alias: { 12 | "@": fileURLToPath(new URL("./src", import.meta.url)), 13 | }, 14 | }, 15 | }); 16 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Air Vue - a Vue Component Library 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | .DS_Store 12 | dist 13 | dist-ssr 14 | coverage 15 | *.local 16 | 17 | /cypress/videos/ 18 | /cypress/screenshots/ 19 | 20 | # Editor directories and files 21 | .vscode/* 22 | !.vscode/extensions.json 23 | .idea 24 | *.suo 25 | *.ntvs* 26 | *.njsproj 27 | *.sln 28 | *.sw? 29 | -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | import { createApp } from "vue"; 2 | import App from "./App.vue"; 3 | import FoundationCss from "foundation-sites/dist/css/foundation.min.css"; 4 | import FoundationJs from "foundation-sites"; 5 | import router from "./router"; 6 | import "highlight.js/styles/stackoverflow-light.css"; 7 | import "highlight.js/lib/common"; 8 | import hljsVuePlugin from "@highlightjs/vue-plugin"; 9 | import "./src/assets/base.scss"; 10 | 11 | const app = createApp(App); 12 | app.use(FoundationCss); 13 | app.use(FoundationJs); 14 | app.use(hljsVuePlugin); 15 | app.use(router); 16 | app.mount("#app"); 17 | -------------------------------------------------------------------------------- /deploy.sh: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | 3 | #----- npm publish 4 | yarn build 5 | npm version patch 6 | npm publish 7 | git push origin main 8 | mv vite.config.js vite.config.publish.npm 9 | mv vite.config.publish.gh-page vite.config.js 10 | 11 | #-------gh page publish 12 | set -e 13 | npm run build 14 | cd dist 15 | cp index.html 404.html 16 | git init 17 | # first time use: git checkout -b main 18 | git checkout main 19 | git add -A 20 | git commit -m 'deploy' 21 | git push -f git@github.com:franklioxygen/air-vue.git main:gh-pages 22 | cd - 23 | mv vite.config.js vite.config.publish.gh-page 24 | mv vite.config.publish.npm vite.config.js -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/chevron-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/chevron-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/chevron-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/chevron-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/pilcrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/arrow-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/arrow-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/arrow-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/arrow-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /demo/dummy/DynamicLoadDummy-0.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/italic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/location.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/underline.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/lock.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/screen.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/bookmark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/file-empty.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/menu.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/paperclip.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/volume.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/cross.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/envelope.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/magnifier.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /vite.config.js: -------------------------------------------------------------------------------- 1 | import { fileURLToPath, URL } from "url"; 2 | 3 | import { defineConfig } from "vite"; 4 | import vue from "@vitejs/plugin-vue"; 5 | import path from "path"; 6 | 7 | // https://vitejs.dev/config/ 8 | export default defineConfig({ 9 | base: "/air-vue/", 10 | plugins: [vue()], 11 | resolve: { 12 | alias: { 13 | "@": fileURLToPath(new URL("./src", import.meta.url)), 14 | }, 15 | }, 16 | // ------npm publish build 17 | build: { 18 | lib: { 19 | entry: path.resolve("./src/index.js"), 20 | name: "air-vue", 21 | fileName: (format) => `build.${format}.ts`, 22 | }, 23 | rollupOptions: { 24 | external: ["vue"], 25 | output: { 26 | globals: { 27 | vue: "Vue", 28 | }, 29 | }, 30 | }, 31 | }, 32 | // ------end npm publish build 33 | }); 34 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/circle-minus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/laptop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/undo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/map.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/redo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/strikethrough.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /demo/dummy/DynamicLoadDummy-1.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /demo/common/FooterMessage.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 20 | 21 | 34 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/drop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/upload.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/warning.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/download.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/mic.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/book.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/text-format.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/direction-rtl.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/smartphone.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/direction-ltr.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/plus-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/tablet.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/chevron-down-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/chevron-left-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/chevron-up-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/checkmark-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/chevron-right-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/pie-chart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/pencil.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/film-play.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/crop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/arrow-up-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/power-switch.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/components/BreadCrumb.vue: -------------------------------------------------------------------------------- 1 | 18 | 19 | 30 | 31 | 46 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/arrow-down-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/arrow-left-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/arrow-right-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/construction.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/file-add.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/diamond.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/exit-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/home.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/enter-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/map-marker.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/highlight.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/user.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/text-align-center.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/text-align-justify.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/text-align-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/text-align-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/camera-video.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/components/SkeletonLoader.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | 35 | 36 | 50 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/code.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/moon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/briefcase.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/cloud.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/volume-low.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/inbox.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Peifan Li 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/tag.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/bold.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/menu-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/frame-contract.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/frame-expand.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/shirt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Air Vue 2 | 3 | https://franklioxygen.github.io/air-vue/ 4 | 5 | ![npm](https://img.shields.io/npm/dm/air-vue) 6 | ![NPM](https://img.shields.io/npm/l/air-vue) 7 | ![npm](https://img.shields.io/npm/v/npm) 8 | ![npm bundle size](https://img.shields.io/bundlephobia/minzip/air-vue) 9 | ![W3C Validation](https://img.shields.io/w3c-validation/default?targetUrl=https%3A%2F%2Ffranklioxygen.github.io%2Fair-vue%2F) 10 | ![CodeFactor Grade](https://img.shields.io/codefactor/grade/github/franklioxygen/air-vue) 11 | ![GitHub issues](https://img.shields.io/github/issues/franklioxygen/air-vue) 12 | 13 | 14 | ### Introduction 15 | 16 | Air Vue is a set of open source components library for Vue3. 17 | 18 | It's light weight and implemented with Composition API 19 | 20 | The vision of this project is to build a easy-to-use, responsive, accessible and performant UI library. 21 | 22 | Contributions are welcomed. 23 | 24 | ### Install 25 | 26 | ```sh 27 | npm install air-vue --save 28 | ``` 29 | 30 | ### Usage 31 | 32 | ```js 33 | // main.js 34 | import "air-vue/dist/style.css"; 35 | // App.vue 36 | // Import a Component 37 | import { ComponentNameHere } from "air-vue"; 38 | ``` 39 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/link.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/picture.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/chart-bars.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/cross-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/heart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/question-circle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/star.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/bubble.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/camera.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/text-format-remove.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/history.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/layers.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/alarm.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/gift.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/text-size.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/music-note.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /demo/ProjectIntro.vue: -------------------------------------------------------------------------------- 1 | 17 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/move.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/neutral.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/select.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/cart.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import "./assets/base.scss"; 2 | export { default as CustomizedButton } from "./components/CustomizedButton.vue"; 3 | export { default as DataTable } from "./components/DataTable.vue"; 4 | export { default as DropdownSelect } from "./components/DropdownSelect.vue"; 5 | export { default as InlineMessage } from "./components/InlineMessage.vue"; 6 | export { default as ModalOverlay } from "./components/ModalOverlay.vue"; 7 | export { default as ProgressBar } from "./components/ProgressBar.vue"; 8 | export { default as SearchBar } from "./components/SearchBar.vue"; 9 | export { default as SkeletonLoader } from "./components/SkeletonLoader.vue"; 10 | export { default as SlideBar } from "./components/SlideBar.vue"; 11 | export { default as SlideOut } from "./components/SlideOut.vue"; 12 | export { default as ToastMessage } from "./components/ToastMessage.vue"; 13 | export { default as ToggleSwitch } from "./components/ToggleSwitch.vue"; 14 | export { default as TabView } from "./components/TabView.vue"; 15 | export { default as AccordionView } from "./components/AccordionView.vue"; 16 | export { default as BreadCrumb } from "./components/BreadCrumb.vue"; 17 | export { default as FlyoutMenu } from "./components/FlyoutMenu.vue"; 18 | 19 | export { isMobile, isDesktop } from "./utils/deviceType"; 20 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/flag.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/sort-alpha-asc.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/sync.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /demo/dummy/DynamicLoadDummy-2.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 34 | 35 | 40 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/cloud-check.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/enter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/indent-increase.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/indent-decrease.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/smile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/exit.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/coffee-cup.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/trash.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/sort-amount-asc.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/eye.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/funnel.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/line-spacing.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/list.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/leaf.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/volume-medium.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/laptop-phone.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/bicycle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/graduation-hat.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/lighter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/sad.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/pushpin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/cloud-upload.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/cloud-download.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/components/SearchBar.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 45 | 46 | 61 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/users.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/printer.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/hand.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/pointer-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/pointer-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/spell-check.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/pointer-left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/pointer-right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/phone-handset.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "air-vue", 3 | "version": "1.0.12", 4 | "description": "Air Vue is a set of open source components library for Vue3", 5 | "author": "franklioxygen", 6 | "files": [ 7 | "dist" 8 | ], 9 | "module": "./dist/build.es.ts", 10 | "main": "./dist/build.umd.ts", 11 | "exports": { 12 | ".": { 13 | "import": "./dist/build.es.ts", 14 | "require": "./dist/build.umd.ts" 15 | }, 16 | "./dist/style.css": { 17 | "import": "./dist/style.css", 18 | "require": "./dist/style.css" 19 | } 20 | }, 21 | "private": false, 22 | "repository": { 23 | "type": "git", 24 | "url": "https://github.com/franklioxygen/air-vue.git" 25 | }, 26 | "license": "MIT", 27 | "scripts": { 28 | "dev": "vite --host", 29 | "build": "vite build", 30 | "preview": "vite preview --port 5050", 31 | "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore" 32 | }, 33 | "peerDependencies": { 34 | "vue": "^3.2.31" 35 | }, 36 | "devDependencies": { 37 | "@highlightjs/vue-plugin": "^2.1.0", 38 | "@rushstack/eslint-patch": "^1.1.0", 39 | "@vitejs/plugin-vue": "^2.2.2", 40 | "@vue/eslint-config-prettier": "^7.0.0", 41 | "eslint": "^8.5.0", 42 | "eslint-plugin-vue": "^8.2.0", 43 | "foundation-sites": "^6.7.4", 44 | "node-sass": "^7.0.1", 45 | "prettier": "^2.5.1", 46 | "sass": "^1.49.9", 47 | "sass-loader": "^12.6.0", 48 | "style-loader": "^3.3.1", 49 | "vite": "^2.8.4", 50 | "vue-router": "^4.0.14" 51 | }, 52 | "keywords": [ 53 | "Web", 54 | "Components", 55 | "Directives", 56 | "Vue", 57 | "VueJS", 58 | "Vue3", 59 | "WebComponents", 60 | "CSS", 61 | "SASS", 62 | "Composition" 63 | ] 64 | } 65 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/bug.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/volume-high.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/page-break.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/database.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/paw.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/train.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/dice.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/components/DataTable.vue: -------------------------------------------------------------------------------- 1 | 22 | 23 | 47 | 48 | 76 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/bus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/components/DropdownSelect.vue: -------------------------------------------------------------------------------- 1 | 25 | 26 | 59 | 60 | 72 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/car.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/cloud-sync.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/sun.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/thumbs-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/thumbs-up.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/apartment.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /demo/common/Header.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 25 | 26 | 84 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/dinner.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/bullhorn.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /src/assets/icons/LineariconsSVG/store.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | --------------------------------------------------------------------------------