Add Astro index and template

2026-05-15 06:35:20 -07:00 · 2022-04-25 17:12:58 -05:00 · 2022-04-25 17:12:58 -05:00 · 1c06b6285e
commit 1c06b6285e
parent a8cf3ba592
2 changed files with 63 additions and 0 deletions
--- a/src/layouts/default.astro
+++ b/src/layouts/default.astro
@ -0,0 +1,30 @@
+---
+import '~/assets/css/tailwind.css'
+
+import VueBaseLayout from '../../layouts/base.vue'
+
+const {
+    headTitle,
+    headDescription
+} = Astro.props
+
+---
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width">
+	<title>{ headTitle }</title>
+
+	<meta name="Description" content={ headDescription }>
+
+	<link rel="icon" type="image/x-icon" href="/favicon.ico" />
+
+	<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
+</head>
+<body>
+    <VueBaseLayout>
+        <slot />
+    </VueBaseLayout>
+</body>
+
+</html>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@ -0,0 +1,33 @@
+---
+import Layout from '../layouts/default.astro'
+
+// Component Script:
+// You can write any JavaScript/TypeScript that you'd like here.
+// It will run during the build, but never in the browser.
+// All variables are available to use in the HTML template below.
+const title = 'Does It ARM?'
+
+const description = 'Does It ARM?'
+
+
+// Full Astro Component Syntax:
+// https://docs.astro.build/core-concepts/astro-components/
+---
+<Layout
+	headTitle={ title }
+	headDescription={ description }
+>
+	Works!
+
+	<!--
+
+	You can also use imported framework components directly in your markup!
+
+	Note: by default, these components are NOT interactive on the client.
+	The `:visible` directive tells Astro to make it interactive.
+
+	See https://docs.astro.build/core-concepts/component-hydration/
+
+	-->
+
+</Layout>