{"id":10296,"date":"2024-09-30T15:00:28","date_gmt":"2024-09-30T13:00:28","guid":{"rendered":"https:\/\/via-internet.de\/blog\/?p=10296"},"modified":"2024-11-05T15:51:24","modified_gmt":"2024-11-05T14:51:24","slug":"vue3-and-laravel-inertia-cookbook","status":"publish","type":"post","link":"https:\/\/via-internet.de\/blog\/2024\/09\/30\/vue3-and-laravel-inertia-cookbook\/","title":{"rendered":"Vue3 and Laravel + Inertia | Cookbook"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Allgemeines<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Vue and CSS<\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Styling with CSS Variables<\/h2>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"typescript\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;script setup>\nconst theme = {\n    \"menu\": {\n        \"background\": 'black',\n        \"item\": {\n            \"background\": \"green\"\n        },\n        \"subitem\": {\n            \"background\": \"green\"\n        }\n    }\n}\n&lt;\/script><\/pre>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;style scoped>\n.menu {\n    background-color: v-bind('theme.menu.background');\n}<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Using PrimeVue<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Installation<\/h3>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\u276f pnpm add primevue @primevue\/themes\n\u276f pnpm add primevue @primevue\/icons<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Allgemeines Vue and CSS Styling with CSS Variables Using PrimeVue Installation<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[99,103,86],"tags":[],"class_list":["post-10296","post","type-post","status-publish","format-standard","hentry","category-laravel","category-vue","category-web-framework"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/posts\/10296","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/comments?post=10296"}],"version-history":[{"count":3,"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/posts\/10296\/revisions"}],"predecessor-version":[{"id":10332,"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/posts\/10296\/revisions\/10332"}],"wp:attachment":[{"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/media?parent=10296"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/categories?post=10296"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/via-internet.de\/blog\/wp-json\/wp\/v2\/tags?post=10296"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}