mirror of
https://github.com/creativetimofficial/vue-material-kit.git
synced 2025-05-23 04:04:22 +08:00
ready for deploy
This commit is contained in:
sajadevo
parent
89e9116917
commit
dc48cc9694
148
index.html
148
index.html
@ -1,6 +1,87 @@
|
||||
<!--
|
||||
=========================================================
|
||||
* Vue Material Kit 2 - v2.0.0
|
||||
=========================================================
|
||||
* Product Page: https://creative-tim.com/product/vue-material-kit
|
||||
* Copyright 2022 Creative Tim (https://www.creative-tim.com)
|
||||
Coded by www.creative-tim.com
|
||||
=========================================================
|
||||
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
-->
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Anti-flicker snippet (recommended) -->
|
||||
<style>
|
||||
.async-hide {
|
||||
opacity: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
(function (a, s, y, n, c, h, i, d, e) {
|
||||
s.className += " " + y;
|
||||
h.start = 1 * new Date();
|
||||
h.end = i = function () {
|
||||
s.className = s.className.replace(RegExp(" ?" + y), "");
|
||||
};
|
||||
(a[n] = a[n] || []).hide = h;
|
||||
setTimeout(function () {
|
||||
i();
|
||||
h.end = null;
|
||||
}, c);
|
||||
h.timeout = c;
|
||||
})(window, document.documentElement, "async-hide", "dataLayer", 4000, {
|
||||
"GTM-K9BGS8K": true
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Analytics-Optimize Snippet -->
|
||||
<script>
|
||||
(function (i, s, o, g, r, a, m) {
|
||||
i["GoogleAnalyticsObject"] = r;
|
||||
(i[r] =
|
||||
i[r] ||
|
||||
function () {
|
||||
(i[r].q = i[r].q || []).push(arguments);
|
||||
}),
|
||||
(i[r].l = 1 * new Date());
|
||||
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
|
||||
a.async = 1;
|
||||
a.src = g;
|
||||
m.parentNode.insertBefore(a, m);
|
||||
})(
|
||||
window,
|
||||
document,
|
||||
"script",
|
||||
"https://www.google-analytics.com/analytics.js",
|
||||
"ga"
|
||||
);
|
||||
ga("create", "UA-46172202-22", "auto", { allowLinker: true });
|
||||
ga("set", "anonymizeIp", true);
|
||||
ga("require", "GTM-K9BGS8K");
|
||||
ga("require", "displayfeatures");
|
||||
ga("require", "linker");
|
||||
ga("linker:autoLink", ["2checkout.com", "avangate.com"]);
|
||||
</script>
|
||||
<!-- end Analytics-Optimize Snippet -->
|
||||
|
||||
<!-- Google Tag Manager -->
|
||||
<script>
|
||||
(function (w, d, s, l, i) {
|
||||
w[l] = w[l] || [];
|
||||
w[l].push({
|
||||
"gtm.start": new Date().getTime(),
|
||||
event: "gtm.js"
|
||||
});
|
||||
var f = d.getElementsByTagName(s)[0],
|
||||
j = d.createElement(s),
|
||||
dl = l != "dataLayer" ? "&l=" + l : "";
|
||||
j.async = true;
|
||||
j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
|
||||
f.parentNode.insertBefore(j, f);
|
||||
})(window, document, "script", "dataLayer", "GTM-NKDMSK6");
|
||||
</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
<meta charset="utf-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
@ -29,9 +110,76 @@
|
||||
href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
<!-- Meta tags -->
|
||||
<!-- Extra details for Live View on GitHub Pages -->
|
||||
<!-- Canonical SEO -->
|
||||
<link
|
||||
rel="canonical"
|
||||
href="https://creative-tim.com/product/vue-material-kit"
|
||||
/>
|
||||
<!-- Social tags -->
|
||||
<meta
|
||||
name="keywords"
|
||||
content="vue material kit, material vue UI Kit, material vue kit, material design UI Kit, material design, creative tim, vue UI Kit, vue css UI Kit, web dashboard, vue UI kit, vuejs, UI Kit, css3 UI Kit, vue, frontend, responsive vue UI Kit, vue3, bootstrap5"
|
||||
/>
|
||||
<meta
|
||||
name="description"
|
||||
content="Vue Material Kit 2 is our newest free VueJS Design System. Its amazing design is inspired by Material Design and contains all the components you need for your development."
|
||||
/>
|
||||
<!-- Schema.org markup for Google+ -->
|
||||
<meta itemprop="name" content="Vue Material Kit 2 by Creative Tim" />
|
||||
<meta
|
||||
itemprop="description"
|
||||
content="Vue Material Kit 2 is our newest free VueJS Design System. Its amazing design is inspired by Material Design and contains all the components you need for your development."
|
||||
/>
|
||||
<meta
|
||||
itemprop="image"
|
||||
content="https://s3.amazonaws.com/creativetim_bucket/products/97/original/vue-material-kit-2.jpg"
|
||||
/>
|
||||
<!-- Twitter Card data -->
|
||||
<meta name="twitter:card" content="product" />
|
||||
<meta name="twitter:site" content="@creativetim" />
|
||||
<meta name="twitter:title" content="Vue Material Kit 2 by Creative Tim" />
|
||||
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Vue Material Kit 2 is our newest free VueJS Design System. Its amazing design is inspired by Material Design and contains all the components you need for your development."
|
||||
/>
|
||||
<meta name="twitter:creator" content="@creativetim" />
|
||||
<meta
|
||||
name="twitter:image"
|
||||
content="https://s3.amazonaws.com/creativetim_bucket/products/97/original/vue-material-kit-2.jpg"
|
||||
/>
|
||||
<!-- Open Graph data -->
|
||||
<meta property="fb:app_id" content="655968634437471" />
|
||||
<meta property="og:title" content="Vue Material Kit 2 by Creative Tim" />
|
||||
<meta property="og:type" content="article" />
|
||||
<meta
|
||||
property="og:url"
|
||||
content="http://demos.creative-tim.com/vue-material-dashboard-2-pro/#/"
|
||||
/>
|
||||
<meta
|
||||
property="og:image"
|
||||
content="https://s3.amazonaws.com/creativetim_bucket/products/97/original/vue-material-kit-2.jpg"
|
||||
/>
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Vue Material Kit 2 is our newest free VueJS Design System. Its amazing design is inspired by Material Design and contains all the components you need for your development."
|
||||
/>
|
||||
<meta property="og:site_name" content="Creative Tim" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Google Tag Manager (noscript) -->
|
||||
<noscript
|
||||
><iframe
|
||||
src="https://www.googletagmanager.com/ns.html?id=GTM-NKDMSK6"
|
||||
height="0"
|
||||
width="0"
|
||||
style="display: none; visibility: hidden"
|
||||
></iframe
|
||||
></noscript>
|
||||
<!-- End Google Tag Manager (noscript) -->
|
||||
<div id="app"></div>
|
||||
<script type="module" src="/src/main.js"></script>
|
||||
</body>
|
||||
|
||||
@ -5,7 +5,8 @@
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"preview": "vite preview --port 4173",
|
||||
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore"
|
||||
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore",
|
||||
"deploy": "gh-pages -d dist"
|
||||
},
|
||||
"dependencies": {
|
||||
"@popperjs/core": "2.11.5",
|
||||
@ -25,6 +26,7 @@
|
||||
"@vue/eslint-config-prettier": "7.0.0",
|
||||
"eslint": "8.19.0",
|
||||
"eslint-plugin-vue": "9.0.0",
|
||||
"gh-pages": "4.0.0",
|
||||
"prettier": "2.5.1",
|
||||
"sass": "1.52.3",
|
||||
"sass-loader": "13.0.0",
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import { createRouter, createWebHistory } from "vue-router";
|
||||
import { createRouter, createWebHashHistory } from "vue-router";
|
||||
import PresentationView from "../views/Presentation/PresentationView.vue";
|
||||
import AboutView from "../views/LandingPages/AboutUs/AboutView.vue";
|
||||
import ContactView from "../views/LandingPages/ContactUs/ContactView.vue";
|
||||
@ -24,129 +24,129 @@ import ElProgressBars from "../layouts/sections/elements/progress-bars/ProgressB
|
||||
import ElToggles from "../layouts/sections/elements/toggles/TogglesView.vue";
|
||||
import ElTypography from "../layouts/sections/elements/typography/TypographyView.vue";
|
||||
const router = createRouter({
|
||||
history: createWebHistory(import.meta.env.BASE_URL),
|
||||
history: createWebHashHistory(),
|
||||
routes: [
|
||||
{
|
||||
path: "/",
|
||||
name: "presentation",
|
||||
component: PresentationView,
|
||||
component: PresentationView
|
||||
},
|
||||
{
|
||||
path: "/pages/landing-pages/about-us",
|
||||
name: "about",
|
||||
component: AboutView,
|
||||
component: AboutView
|
||||
},
|
||||
{
|
||||
path: "/pages/landing-pages/contact-us",
|
||||
name: "contactus",
|
||||
component: ContactView,
|
||||
component: ContactView
|
||||
},
|
||||
{
|
||||
path: "/pages/landing-pages/author",
|
||||
name: "author",
|
||||
component: AuthorView,
|
||||
component: AuthorView
|
||||
},
|
||||
{
|
||||
path: "/pages/landing-pages/basic",
|
||||
name: "signin-basic",
|
||||
component: SignInBasicView,
|
||||
component: SignInBasicView
|
||||
},
|
||||
{
|
||||
path: "/sections/page-sections/page-headers",
|
||||
name: "page-headers",
|
||||
component: PageHeaders,
|
||||
component: PageHeaders
|
||||
},
|
||||
{
|
||||
path: "/sections/page-sections/features",
|
||||
name: "page-features",
|
||||
component: PageFeatures,
|
||||
component: PageFeatures
|
||||
},
|
||||
{
|
||||
path: "/sections/navigation/navbars",
|
||||
name: "navigation-navbars",
|
||||
component: NavigationNavbars,
|
||||
component: NavigationNavbars
|
||||
},
|
||||
{
|
||||
path: "/sections/navigation/nav-tabs",
|
||||
name: "navigation-navtabs",
|
||||
component: NavigationNavTabs,
|
||||
component: NavigationNavTabs
|
||||
},
|
||||
{
|
||||
path: "/sections/navigation/pagination",
|
||||
name: "navigation-pagination",
|
||||
component: NavigationPagination,
|
||||
component: NavigationPagination
|
||||
},
|
||||
{
|
||||
path: "/sections/input-areas/inputs",
|
||||
name: "inputareas-inputs",
|
||||
component: InputAreasInputs,
|
||||
component: InputAreasInputs
|
||||
},
|
||||
{
|
||||
path: "/sections/input-areas/forms",
|
||||
name: "inputareas-forms",
|
||||
component: InputAreasForms,
|
||||
component: InputAreasForms
|
||||
},
|
||||
{
|
||||
path: "/sections/attention-catchers/alerts",
|
||||
name: "ac-alerts",
|
||||
component: ACAlerts,
|
||||
component: ACAlerts
|
||||
},
|
||||
{
|
||||
path: "/sections/attention-catchers/modals",
|
||||
name: "ac-modals",
|
||||
component: ACModals,
|
||||
component: ACModals
|
||||
},
|
||||
{
|
||||
path: "/sections/attention-catchers/tooltips-popovers",
|
||||
name: "ac-tooltips-popovers",
|
||||
component: ACTooltipsPopovers,
|
||||
component: ACTooltipsPopovers
|
||||
},
|
||||
{
|
||||
path: "/sections/elements/avatars",
|
||||
name: "el-avatars",
|
||||
component: ElAvatars,
|
||||
component: ElAvatars
|
||||
},
|
||||
{
|
||||
path: "/sections/elements/badges",
|
||||
name: "el-badges",
|
||||
component: ElBadges,
|
||||
component: ElBadges
|
||||
},
|
||||
{
|
||||
path: "/sections/elements/breadcrumbs",
|
||||
name: "el-breadcrumbs",
|
||||
component: ElBreadcrumbs,
|
||||
component: ElBreadcrumbs
|
||||
},
|
||||
{
|
||||
path: "/sections/elements/buttons",
|
||||
name: "el-buttons",
|
||||
component: ElButtons,
|
||||
component: ElButtons
|
||||
},
|
||||
{
|
||||
path: "/sections/elements/button-groups",
|
||||
name: "el-button-groups",
|
||||
component: ElButtonGroups,
|
||||
component: ElButtonGroups
|
||||
},
|
||||
{
|
||||
path: "/sections/elements/dropdowns",
|
||||
name: "el-dropdowns",
|
||||
component: ElDropdowns,
|
||||
component: ElDropdowns
|
||||
},
|
||||
{
|
||||
path: "/sections/elements/progress-bars",
|
||||
name: "el-progress-bars",
|
||||
component: ElProgressBars,
|
||||
component: ElProgressBars
|
||||
},
|
||||
{
|
||||
path: "/sections/elements/toggles",
|
||||
name: "el-toggles",
|
||||
component: ElToggles,
|
||||
component: ElToggles
|
||||
},
|
||||
{
|
||||
path: "/sections/elements/typography",
|
||||
name: "el-typography",
|
||||
component: ElTypography,
|
||||
},
|
||||
],
|
||||
component: ElTypography
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
export default router;
|
||||
|
||||
@ -6,9 +6,10 @@ import vue from "@vitejs/plugin-vue";
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [vue()],
|
||||
base: "/vue-material-kit-pro/",
|
||||
resolve: {
|
||||
alias: {
|
||||
"@": fileURLToPath(new URL("./src", import.meta.url)),
|
||||
},
|
||||
},
|
||||
"@": fileURLToPath(new URL("./src", import.meta.url))
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user