mirror of
https://github.com/TandoorRecipes/recipes.git
synced 2026-01-01 12:18:45 -05:00
basic app sceleton
This commit is contained in:
@@ -9,8 +9,11 @@
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@mdi/font": "7.2.96",
|
||||
"pinia": "^2.1.7",
|
||||
"vue": "^3.4.15"
|
||||
"vue": "^3.4.15",
|
||||
"vue-router": "4",
|
||||
"vuetify": "^3.3.15"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@tsconfig/node18": "^18.2.0",
|
||||
@@ -21,6 +24,7 @@
|
||||
"jsdom": "^22.1.0",
|
||||
"typescript": "^5.2.2",
|
||||
"vite": "^5.1.0",
|
||||
"vite-plugin-vuetify": "^2.0.1",
|
||||
"vue-tsc": "^1.8.27"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,11 +1,60 @@
|
||||
<script setup lang="ts">
|
||||
<template>
|
||||
<v-app>
|
||||
<v-app-bar color="primary" >
|
||||
<template v-slot:prepend>
|
||||
<v-app-bar-nav-icon></v-app-bar-nav-icon>
|
||||
</template>
|
||||
|
||||
<v-app-bar-title><v-img src="../../assets/brand_logo.svg"></v-img></v-app-bar-title>
|
||||
</v-app-bar>
|
||||
|
||||
<v-main>
|
||||
<router-view></router-view>
|
||||
</v-main>
|
||||
|
||||
<v-bottom-navigation>
|
||||
<v-btn value="recent" to="/">
|
||||
<v-icon>mdi-history</v-icon>
|
||||
|
||||
<span>Recipes</span>
|
||||
</v-btn>
|
||||
|
||||
<v-btn value="favorites" to="/about">
|
||||
<v-icon>mdi-shopping</v-icon>
|
||||
|
||||
<span>Shopping</span>
|
||||
</v-btn>
|
||||
|
||||
<v-btn value="nearby">
|
||||
<v-icon>mdi-book</v-icon>
|
||||
|
||||
<span>Books</span>
|
||||
</v-btn>
|
||||
</v-bottom-navigation>
|
||||
</v-app>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
|
||||
import {defineComponent} from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
components: {},
|
||||
mixins: [],
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
methods: {},
|
||||
})
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
Test Template content
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
||||
</style>
|
||||
|
||||
@@ -1,12 +1,42 @@
|
||||
import {createApp} from "vue";
|
||||
import { createPinia } from 'pinia'
|
||||
import {createRouter, createWebHashHistory} from 'vue-router'
|
||||
import {createPinia} from 'pinia'
|
||||
// @ts-ignore
|
||||
import App from './Tandoor.vue'
|
||||
|
||||
|
||||
import 'vite/modulepreload-polyfill';
|
||||
import vuetify from "@/vuetify";
|
||||
import test1 from "@/components/test1.vue";
|
||||
import test2 from "@/components/test2.vue";
|
||||
|
||||
// 1. Define route components.
|
||||
// These can be imported from other files
|
||||
|
||||
|
||||
// 2. Define some routes
|
||||
// Each route should map to a component.
|
||||
// We'll talk about nested routes later.
|
||||
const routes = [
|
||||
{path: '/', component: test1},
|
||||
{path: '/about', component: test2},
|
||||
]
|
||||
|
||||
// 3. Create the router instance and pass the `routes` option
|
||||
// You can pass in additional options here, but let's
|
||||
// keep it simple for now.
|
||||
const router = createRouter({
|
||||
// 4. Provide the history implementation to use. We
|
||||
// are using the hash history for simplicity here.
|
||||
history: createWebHashHistory(),
|
||||
routes, // short for `routes: routes`
|
||||
})
|
||||
|
||||
|
||||
const app = createApp(App)
|
||||
|
||||
app.use(createPinia())
|
||||
app.use(vuetify)
|
||||
app.use(router)
|
||||
|
||||
app.mount('#app')
|
||||
|
||||
164
vue3/src/assets/brand_logo.svg
Normal file
164
vue3/src/assets/brand_logo.svg
Normal file
@@ -0,0 +1,164 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:serif="http://www.serif.com/"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="2048"
|
||||
height="512"
|
||||
viewBox="0 0 2048 512"
|
||||
version="1.1"
|
||||
xml:space="preserve"
|
||||
style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"
|
||||
id="svg48"
|
||||
sodipodi:docname="logo_color.svg"
|
||||
inkscape:version="1.0.2-2 (e86c870879, 2021-01-15)"><metadata
|
||||
id="metadata52"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="2560"
|
||||
inkscape:window-height="1377"
|
||||
id="namedview50"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.4921875"
|
||||
inkscape:cx="996.79437"
|
||||
inkscape:cy="329.59753"
|
||||
inkscape:window-x="1912"
|
||||
inkscape:window-y="1072"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg48" />
|
||||
<g
|
||||
id="Logo"
|
||||
transform="matrix(0.637323,0,0,0.637323,-243.095,-716.725)">
|
||||
<g
|
||||
id="Kreis"
|
||||
transform="matrix(1.44936,0,0,1.50279,387.258,1039.34)">
|
||||
<ellipse
|
||||
cx="273.12299"
|
||||
cy="324.01501"
|
||||
rx="259.82199"
|
||||
ry="250.584"
|
||||
style="fill:url(#_Linear1)"
|
||||
id="ellipse2" />
|
||||
<clipPath
|
||||
id="_clip2">
|
||||
<ellipse
|
||||
cx="273.12299"
|
||||
cy="324.01501"
|
||||
rx="259.82199"
|
||||
ry="250.584"
|
||||
id="ellipse4" />
|
||||
</clipPath>
|
||||
<g
|
||||
clip-path="url(#_clip2)"
|
||||
id="g18">
|
||||
<g
|
||||
id="Shadow"
|
||||
transform="matrix(1.10322,0,0,1.064,-5.58287,50.5786)">
|
||||
<path
|
||||
d="M 156.285,427.208 389.554,660.477 668.803,495.551 374.012,200.761 Z"
|
||||
style="fill:#161616"
|
||||
id="path7" />
|
||||
<g
|
||||
transform="translate(-4.22105,0.775864)"
|
||||
id="g11">
|
||||
<path
|
||||
d="M 208.628,178.613 485.935,455.919 590.027,364.63 296.923,71.526 l -2.748,67.463 z"
|
||||
style="fill:#161616"
|
||||
id="path9" />
|
||||
</g>
|
||||
<g
|
||||
transform="translate(-85.3876,27.8512)"
|
||||
id="g15">
|
||||
<path
|
||||
d="m 310.385,145.641 277.307,277.307 2.7,-61.591 -293.104,-293.104 -3.113,70.736 z"
|
||||
style="fill:#161616"
|
||||
id="path13" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
transform="matrix(1.471,0,0,1.471,406.537,1149.69)"
|
||||
id="g23">
|
||||
<path
|
||||
d="m 256.049,220 c 30.173,-0.006 56.607,-12.69 73.339,-25.866 16.962,-13.38 41.511,-10.728 55.223,5.966 22.518,27.276 35.987,61.844 35.987,99.43 0,61.55 -37.994,137.571 -90.834,164.176 -22.729,11.444 -46.298,16.88 -73.666,16.893 v 0 H 256.049 256 v 0 C 228.632,480.586 205.063,475.15 182.334,463.706 129.494,437.101 91.5,361.08 91.5,299.53 c 0,-37.586 13.469,-72.154 35.987,-99.43 13.712,-16.694 38.261,-19.346 55.223,-5.966 16.732,13.176 43.166,25.86 73.339,25.866 z"
|
||||
style="fill:#ffcb76"
|
||||
id="path21" />
|
||||
</g>
|
||||
<g
|
||||
id="Flame-2"
|
||||
serif:id="Flame 2"
|
||||
transform="matrix(0.965725,0,0,0.89175,164.497,436.391)">
|
||||
<path
|
||||
d="m 604.408,844.314 c -2.427,-3.469 -2.446,-8.258 -0.046,-11.749 2.401,-3.491 6.643,-4.844 10.407,-3.319 19.101,7.623 44.064,19.383 63.438,35.206 40.319,32.929 51.343,54.955 60.345,77.639 10.656,26.852 12.233,54.589 9.963,73.989 -6.497,55.53 -48.16,101.42 -107.481,101.42 -59.321,0 -106.541,-45.45 -107.481,-101.42 -0.567,-33.708 10.432,-60.637 22.435,-79.86 2.994,-4.783 8.606,-6.751 13.621,-4.776 5.014,1.975 8.148,7.387 7.606,13.136 -1.722,12.136 -2.853,24.792 -2.283,34.904 1.931,34.216 22.239,43.016 43.151,42.806 22.288,-0.21 44.842,-19.12 36.714,-67.395 -7.107,-42.214 -32.435,-84.701 -50.389,-110.581 z"
|
||||
style="fill:#ff6f00"
|
||||
id="path25" />
|
||||
<clipPath
|
||||
id="_clip3">
|
||||
<path
|
||||
d="m 604.408,844.314 c -2.427,-3.469 -2.446,-8.258 -0.046,-11.749 2.401,-3.491 6.643,-4.844 10.407,-3.319 19.101,7.623 44.064,19.383 63.438,35.206 40.319,32.929 51.343,54.955 60.345,77.639 10.656,26.852 12.233,54.589 9.963,73.989 -6.497,55.53 -48.16,101.42 -107.481,101.42 -59.321,0 -106.541,-45.45 -107.481,-101.42 -0.567,-33.708 10.432,-60.637 22.435,-79.86 2.994,-4.783 8.606,-6.751 13.621,-4.776 5.014,1.975 8.148,7.387 7.606,13.136 -1.722,12.136 -2.853,24.792 -2.283,34.904 1.931,34.216 22.239,43.016 43.151,42.806 22.288,-0.21 44.842,-19.12 36.714,-67.395 -7.107,-42.214 -32.435,-84.701 -50.389,-110.581 z"
|
||||
id="path27" />
|
||||
</clipPath>
|
||||
<g
|
||||
clip-path="url(#_clip3)"
|
||||
id="g34">
|
||||
<g
|
||||
transform="matrix(1.28784,-0.270602,0.285942,1.59598,247.349,825.209)"
|
||||
id="g32">
|
||||
<path
|
||||
d="m 255.004,46.957 c 24.543,11.588 50.996,38.49 58.303,73.204 12.13,57.63 -21.736,73.628 -50.811,72.242 -46.607,-2.222 -62.302,-39.157 -31.17,-83.503 19.305,-27.499 1.337,-72.492 23.678,-61.943 z"
|
||||
style="fill:#ffd100"
|
||||
id="path30" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
id="Hut"
|
||||
transform="matrix(1.521,0,0,1.521,393.566,1149.06)">
|
||||
<path
|
||||
d="m 228.197,408.524 c -5.499,0 -10.384,-1.836 -14.173,-4.905 -2.248,-1.825 -3.104,-4.867 -2.136,-7.595 0.968,-2.729 3.549,-4.552 6.444,-4.552 13.882,-0.072 37.78,-0.076 37.78,-0.076 0,0 23.897,0.004 37.779,0.076 2.895,0 5.476,1.823 6.444,4.552 0.968,2.728 0.112,5.77 -2.136,7.595 -3.789,3.069 -8.673,4.905 -14.172,4.905 z M 217.24,378.877 c -3.032,0 -5.94,-1.206 -8.082,-3.352 -2.143,-2.146 -3.344,-5.056 -3.338,-8.089 0.011,-6.317 0.022,-12.897 0.022,-12.897 0,-4.116 -2.745,-7.725 -6.711,-8.825 -13.818,-3.873 -23.931,-16.246 -23.931,-30.891 0,-17.753 14.859,-32.166 33.162,-32.166 0,0 0,0 0,0 7.039,0 13.313,-4.439 15.655,-11.076 3.226,-9.191 12.394,-19.566 31.983,-19.583 v 0 h 0.223 v 0 c 19.589,0.017 28.757,10.392 31.983,19.583 2.343,6.637 8.616,11.076 15.655,11.076 0,0 0,0 0,0 18.303,0 33.162,14.413 33.162,32.166 0,14.645 -10.112,27.018 -23.93,30.891 -3.966,1.1 -6.711,4.709 -6.712,8.825 0,0 0.005,6.588 0.01,12.908 0.003,3.031 -1.2,5.938 -3.342,8.082 -2.142,2.143 -5.048,3.348 -8.078,3.348 -19.356,0 -58.367,0 -77.731,0 z"
|
||||
style="fill:#161616"
|
||||
id="path37" />
|
||||
</g>
|
||||
</g>
|
||||
<defs
|
||||
id="defs46">
|
||||
<linearGradient
|
||||
id="_Linear1"
|
||||
x1="0"
|
||||
y1="0"
|
||||
x2="1"
|
||||
y2="0"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(2e-6,0,0,2e-6,3755.77,81.7179)"><stop
|
||||
offset="0"
|
||||
style="stop-color:rgb(39,39,39);stop-opacity:1"
|
||||
id="stop41" /><stop
|
||||
offset="1"
|
||||
style="stop-color:rgb(108,108,108);stop-opacity:1"
|
||||
id="stop43" /></linearGradient>
|
||||
</defs>
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-weight:normal;font-size:333.333px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none"
|
||||
x="625.77777"
|
||||
y="373.5943"
|
||||
id="text56"><tspan
|
||||
sodipodi:role="line"
|
||||
id="tspan54"
|
||||
x="625.77777"
|
||||
y="373.5943"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:333.333px;font-family:'Maiandra GD';-inkscape-font-specification:'Maiandra GD'">Tandoor</tspan></text></svg>
|
||||
|
After Width: | Height: | Size: 7.4 KiB |
43
vue3/src/assets/logo_color.svg
Normal file
43
vue3/src/assets/logo_color.svg
Normal file
@@ -0,0 +1,43 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
|
||||
<g id="Logo" transform="matrix(0.637323,0,0,0.637323,-243.095,-716.725)">
|
||||
<g id="Kreis" transform="matrix(1.44936,0,0,1.50279,387.258,1039.34)">
|
||||
<ellipse cx="273.123" cy="324.015" rx="259.822" ry="250.584" style="fill:url(#_Linear1);"/>
|
||||
<clipPath id="_clip2">
|
||||
<ellipse cx="273.123" cy="324.015" rx="259.822" ry="250.584"/>
|
||||
</clipPath>
|
||||
<g clip-path="url(#_clip2)">
|
||||
<g id="Shadow" transform="matrix(1.10322,0,0,1.064,-5.58287,50.5786)">
|
||||
<path d="M156.285,427.208L389.554,660.477L668.803,495.551L374.012,200.761L156.285,427.208Z" style="fill:rgb(22,22,22);"/>
|
||||
<g transform="matrix(1,0,0,1,-4.22105,0.775864)">
|
||||
<path d="M208.628,178.613L485.935,455.919L590.027,364.63L296.923,71.526L294.175,138.989L208.628,178.613Z" style="fill:rgb(22,22,22);"/>
|
||||
</g>
|
||||
<g transform="matrix(1,0,0,1,-85.3876,27.8512)">
|
||||
<path d="M310.385,145.641L587.692,422.948L590.392,361.357L297.288,68.253L294.175,138.989L310.385,145.641Z" style="fill:rgb(22,22,22);"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="matrix(1.471,0,0,1.471,406.537,1149.69)">
|
||||
<path d="M256.049,220C286.222,219.994 312.656,207.31 329.388,194.134C346.35,180.754 370.899,183.406 384.611,200.1C407.129,227.376 420.598,261.944 420.598,299.53C420.598,361.08 382.604,437.101 329.764,463.706C307.035,475.15 283.466,480.586 256.098,480.599L256.098,480.599L256.049,480.599L256,480.599L256,480.599C228.632,480.586 205.063,475.15 182.334,463.706C129.494,437.101 91.5,361.08 91.5,299.53C91.5,261.944 104.969,227.376 127.487,200.1C141.199,183.406 165.748,180.754 182.71,194.134C199.442,207.31 225.876,219.994 256.049,220Z" style="fill:rgb(255,203,118);"/>
|
||||
</g>
|
||||
<g id="Flame-2" serif:id="Flame 2" transform="matrix(0.965725,0,0,0.89175,164.497,436.391)">
|
||||
<path d="M604.408,844.314C601.981,840.845 601.962,836.056 604.362,832.565C606.763,829.074 611.005,827.721 614.769,829.246C633.87,836.869 658.833,848.629 678.207,864.452C718.526,897.381 729.55,919.407 738.552,942.091C749.208,968.943 750.785,996.68 748.515,1016.08C742.018,1071.61 700.355,1117.5 641.034,1117.5C581.713,1117.5 534.493,1072.05 533.553,1016.08C532.986,982.372 543.985,955.443 555.988,936.22C558.982,931.437 564.594,929.469 569.609,931.444C574.623,933.419 577.757,938.831 577.215,944.58C575.493,956.716 574.362,969.372 574.932,979.484C576.863,1013.7 597.171,1022.5 618.083,1022.29C640.371,1022.08 662.925,1003.17 654.797,954.895C647.69,912.681 622.362,870.194 604.408,844.314Z" style="fill:rgb(255,111,0);"/>
|
||||
<clipPath id="_clip3">
|
||||
<path d="M604.408,844.314C601.981,840.845 601.962,836.056 604.362,832.565C606.763,829.074 611.005,827.721 614.769,829.246C633.87,836.869 658.833,848.629 678.207,864.452C718.526,897.381 729.55,919.407 738.552,942.091C749.208,968.943 750.785,996.68 748.515,1016.08C742.018,1071.61 700.355,1117.5 641.034,1117.5C581.713,1117.5 534.493,1072.05 533.553,1016.08C532.986,982.372 543.985,955.443 555.988,936.22C558.982,931.437 564.594,929.469 569.609,931.444C574.623,933.419 577.757,938.831 577.215,944.58C575.493,956.716 574.362,969.372 574.932,979.484C576.863,1013.7 597.171,1022.5 618.083,1022.29C640.371,1022.08 662.925,1003.17 654.797,954.895C647.69,912.681 622.362,870.194 604.408,844.314Z"/>
|
||||
</clipPath>
|
||||
<g clip-path="url(#_clip3)">
|
||||
<g transform="matrix(1.28784,-0.270602,0.285942,1.59598,247.349,825.209)">
|
||||
<path d="M255.004,46.957C279.547,58.545 306,85.447 313.307,120.161C325.437,177.791 291.571,193.789 262.496,192.403C215.889,190.181 200.194,153.246 231.326,108.9C250.631,81.401 232.663,36.408 255.004,46.957Z" style="fill:rgb(255,209,0);"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Hut" transform="matrix(1.521,0,0,1.521,393.566,1149.06)">
|
||||
<path d="M228.197,408.524C222.698,408.524 217.813,406.688 214.024,403.619C211.776,401.794 210.92,398.752 211.888,396.024C212.856,393.295 215.437,391.472 218.332,391.472C232.214,391.4 256.112,391.396 256.112,391.396C256.112,391.396 280.009,391.4 293.891,391.472C296.786,391.472 299.367,393.295 300.335,396.024C301.303,398.752 300.447,401.794 298.199,403.619C294.41,406.688 289.526,408.524 284.027,408.524L228.197,408.524ZM217.24,378.877C214.208,378.877 211.3,377.671 209.158,375.525C207.015,373.379 205.814,370.469 205.82,367.436C205.831,361.119 205.842,354.539 205.842,354.539C205.842,350.423 203.097,346.814 199.131,345.714C185.313,341.841 175.2,329.468 175.2,314.823C175.2,297.07 190.059,282.657 208.362,282.657C208.362,282.657 208.362,282.657 208.362,282.657C215.401,282.657 221.675,278.218 224.017,271.581C227.243,262.39 236.411,252.015 256,251.998L256,251.998L256.223,251.998L256.223,251.998C275.812,252.015 284.98,262.39 288.206,271.581C290.549,278.218 296.822,282.657 303.861,282.657C303.861,282.657 303.861,282.657 303.861,282.657C322.164,282.657 337.023,297.07 337.023,314.823C337.023,329.468 326.911,341.841 313.093,345.714C309.127,346.814 306.382,350.423 306.381,354.539C306.381,354.539 306.386,361.127 306.391,367.447C306.394,370.478 305.191,373.385 303.049,375.529C300.907,377.672 298.001,378.877 294.971,378.877C275.615,378.877 236.604,378.877 217.24,378.877Z" style="fill:rgb(22,22,22);"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(2e-06,0,0,2e-06,3755.77,81.7179)"><stop offset="0" style="stop-color:rgb(39,39,39);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(108,108,108);stop-opacity:1"/></linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.1 KiB |
15
vue3/src/components/test1.vue
Normal file
15
vue3/src/components/test1.vue
Normal file
@@ -0,0 +1,15 @@
|
||||
<script lang="ts">
|
||||
import {defineComponent} from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
name: "test1"
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
Home
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
15
vue3/src/components/test2.vue
Normal file
15
vue3/src/components/test2.vue
Normal file
@@ -0,0 +1,15 @@
|
||||
<script lang="ts">
|
||||
import {defineComponent} from 'vue'
|
||||
|
||||
export default defineComponent({
|
||||
name: "test2"
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
About
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
25
vue3/src/vuetify.ts
Normal file
25
vue3/src/vuetify.ts
Normal file
@@ -0,0 +1,25 @@
|
||||
import '@mdi/font/css/materialdesignicons.css'
|
||||
import 'vuetify/styles'
|
||||
|
||||
// Composables
|
||||
import { createVuetify } from 'vuetify'
|
||||
|
||||
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
|
||||
export default createVuetify({
|
||||
theme: {
|
||||
defaultTheme: 'light',
|
||||
themes: {
|
||||
light: {
|
||||
colors: {
|
||||
primary: '#b98766',
|
||||
secondary: '#b55e4f',
|
||||
success: '#82aa8b',
|
||||
info: '#385f84',
|
||||
warning: '#eaaa21',
|
||||
error: '#a7240e',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
})
|
||||
|
||||
@@ -2,12 +2,18 @@ import {fileURLToPath, URL} from 'node:url'
|
||||
|
||||
import {defineConfig} from 'vite'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
import vuetify, {transformAssetUrls} from 'vite-plugin-vuetify'
|
||||
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
base: '/static/vue3/',
|
||||
plugins: [
|
||||
vue({}),
|
||||
vue({
|
||||
template: {transformAssetUrls}
|
||||
}),
|
||||
vuetify({
|
||||
autoImport: true,
|
||||
}),
|
||||
],
|
||||
resolve: {
|
||||
alias: {
|
||||
|
||||
@@ -127,6 +127,11 @@
|
||||
resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
|
||||
integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
|
||||
|
||||
"@mdi/font@7.2.96":
|
||||
version "7.2.96"
|
||||
resolved "https://registry.yarnpkg.com/@mdi/font/-/font-7.2.96.tgz#af800d9fe3b424f85ad45e9baa755bd003ab4986"
|
||||
integrity sha512-e//lmkmpFUMZKhmCY9zdjRe4zNXfbOIJnn6xveHbaV2kSw5aJ5dLXUxcRt1Gxfi7ZYpFLUWlkG2MGSFAiqAu7w==
|
||||
|
||||
"@rollup/rollup-android-arm-eabi@4.12.0":
|
||||
version "4.12.0"
|
||||
resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.12.0.tgz#38c3abd1955a3c21d492af6b1a1dca4bb1d894d6"
|
||||
@@ -366,6 +371,13 @@
|
||||
resolved "https://registry.yarnpkg.com/@vue/tsconfig/-/tsconfig-0.4.0.tgz#f01e2f6089b5098136fb084a0dd0cdd4533b72b0"
|
||||
integrity sha512-CPuIReonid9+zOG/CGTT05FXrPYATEqoDGNrEaqS4hwcw5BUNM2FguC0mOwJD4Jr16UpRVl9N0pY3P+srIbqmg==
|
||||
|
||||
"@vuetify/loader-shared@^2.0.1":
|
||||
version "2.0.1"
|
||||
resolved "https://registry.yarnpkg.com/@vuetify/loader-shared/-/loader-shared-2.0.1.tgz#4bb50ce6455b1c37958a58a63cc32e4ae6829287"
|
||||
integrity sha512-zy5/ohEO7RcJaWYu2Xiy8TBEOkTb42XvWvSAJwXAtY8OlwqyGhzzBp9OvMVjLGIuFXumBpXKlsaVIkeN0OWWSw==
|
||||
dependencies:
|
||||
upath "^2.0.1"
|
||||
|
||||
abab@^2.0.6:
|
||||
version "2.0.6"
|
||||
resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
|
||||
@@ -433,7 +445,7 @@ de-indent@^1.0.2:
|
||||
resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
|
||||
integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==
|
||||
|
||||
debug@4:
|
||||
debug@4, debug@^4.3.3:
|
||||
version "4.3.4"
|
||||
resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
|
||||
integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
|
||||
@@ -775,6 +787,11 @@ universalify@^0.2.0:
|
||||
resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
|
||||
integrity sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==
|
||||
|
||||
upath@^2.0.1:
|
||||
version "2.0.1"
|
||||
resolved "https://registry.yarnpkg.com/upath/-/upath-2.0.1.tgz#50c73dea68d6f6b990f51d279ce6081665d61a8b"
|
||||
integrity sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w==
|
||||
|
||||
url-parse@^1.5.3:
|
||||
version "1.5.10"
|
||||
resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
|
||||
@@ -783,6 +800,15 @@ url-parse@^1.5.3:
|
||||
querystringify "^2.1.1"
|
||||
requires-port "^1.0.0"
|
||||
|
||||
vite-plugin-vuetify@^2.0.1:
|
||||
version "2.0.1"
|
||||
resolved "https://registry.yarnpkg.com/vite-plugin-vuetify/-/vite-plugin-vuetify-2.0.1.tgz#172ffb6c46fec469fa96b3df03fd11b90d48f5d6"
|
||||
integrity sha512-GlRVAruohE8b0FqmeYYh1cYg3n8THGOv066uMA44qLv9uhUxSLw55CS7fi2yU0wH363TJ2vq36zUsPTjRFrjGQ==
|
||||
dependencies:
|
||||
"@vuetify/loader-shared" "^2.0.1"
|
||||
debug "^4.3.3"
|
||||
upath "^2.0.1"
|
||||
|
||||
vite@^5.1.0:
|
||||
version "5.1.3"
|
||||
resolved "https://registry.yarnpkg.com/vite/-/vite-5.1.3.tgz#dd072653a80225702265550a4700561740dfde55"
|
||||
@@ -799,6 +825,13 @@ vue-demi@>=0.14.5:
|
||||
resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.14.7.tgz#8317536b3ef74c5b09f268f7782e70194567d8f2"
|
||||
integrity sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==
|
||||
|
||||
vue-router@4:
|
||||
version "4.2.5"
|
||||
resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.2.5.tgz#b9e3e08f1bd9ea363fdd173032620bc50cf0e98a"
|
||||
integrity sha512-DIUpKcyg4+PTQKfFPX88UWhlagBEBEfJ5A8XDXRJLUnZOvcpMF8o/dnL90vpVkGaPbjvXazV/rC1qBKrZlFugw==
|
||||
dependencies:
|
||||
"@vue/devtools-api" "^6.5.0"
|
||||
|
||||
vue-template-compiler@^2.7.14:
|
||||
version "2.7.16"
|
||||
resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.7.16.tgz#c81b2d47753264c77ac03b9966a46637482bb03b"
|
||||
@@ -827,6 +860,11 @@ vue@^3.4.15:
|
||||
"@vue/server-renderer" "3.4.19"
|
||||
"@vue/shared" "3.4.19"
|
||||
|
||||
vuetify@^3.3.15:
|
||||
version "3.5.4"
|
||||
resolved "https://registry.yarnpkg.com/vuetify/-/vuetify-3.5.4.tgz#f919c5194995a123815c277a95812bc230e33464"
|
||||
integrity sha512-fHgfWMI7+z/UtbVPOezX+O1MNBOOMBW9HnKejcBIyQQ7jFRnTHbDQmbINf25FK0wrg/zkjfzyOmWWREKW39eXg==
|
||||
|
||||
w3c-xmlserializer@^4.0.0:
|
||||
version "4.0.0"
|
||||
resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
|
||||
|
||||
Reference in New Issue
Block a user