aboutsummaryrefslogtreecommitdiff
path: root/packages/integrations/vue/test/fixtures/app-entrypoint-css/src
diff options
context:
space:
mode:
Diffstat (limited to 'packages/integrations/vue/test/fixtures/app-entrypoint-css/src')
-rw-r--r--packages/integrations/vue/test/fixtures/app-entrypoint-css/src/app.ts9
-rw-r--r--packages/integrations/vue/test/fixtures/app-entrypoint-css/src/components/Bar.vue3
-rw-r--r--packages/integrations/vue/test/fixtures/app-entrypoint-css/src/components/Foo.vue5
-rw-r--r--packages/integrations/vue/test/fixtures/app-entrypoint-css/src/main.css3
-rw-r--r--packages/integrations/vue/test/fixtures/app-entrypoint-css/src/pages/index.astro12
-rw-r--r--packages/integrations/vue/test/fixtures/app-entrypoint-css/src/pages/unrelated.astro8
6 files changed, 40 insertions, 0 deletions
diff --git a/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/app.ts b/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/app.ts
new file mode 100644
index 000000000..3f8025bb9
--- /dev/null
+++ b/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/app.ts
@@ -0,0 +1,9 @@
+import type { App } from 'vue'
+// Important! Test that styles here are injected to the page
+import '/src/main.css'
+import Bar from './components/Bar.vue'
+
+
+export default function setup(app: App) {
+ app.component('Bar', Bar);
+}
diff --git a/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/components/Bar.vue b/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/components/Bar.vue
new file mode 100644
index 000000000..9e690ea06
--- /dev/null
+++ b/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/components/Bar.vue
@@ -0,0 +1,3 @@
+<template>
+ <div id="bar">works</div>
+</template>
diff --git a/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/components/Foo.vue b/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/components/Foo.vue
new file mode 100644
index 000000000..3e648808c
--- /dev/null
+++ b/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/components/Foo.vue
@@ -0,0 +1,5 @@
+<template>
+ <div id="foo">
+ <Bar />
+ </div>
+</template>
diff --git a/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/main.css b/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/main.css
new file mode 100644
index 000000000..5c197d2cf
--- /dev/null
+++ b/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/main.css
@@ -0,0 +1,3 @@
+:root {
+ background-color: red;
+}
diff --git a/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/pages/index.astro b/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/pages/index.astro
new file mode 100644
index 000000000..3240cbe0f
--- /dev/null
+++ b/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/pages/index.astro
@@ -0,0 +1,12 @@
+---
+import Foo from '../components/Foo.vue';
+---
+
+<html>
+ <head>
+ <title>Vue App Entrypoint</title>
+ </head>
+ <body>
+ <Foo client:load />
+ </body>
+</html>
diff --git a/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/pages/unrelated.astro b/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/pages/unrelated.astro
new file mode 100644
index 000000000..0952e25a7
--- /dev/null
+++ b/packages/integrations/vue/test/fixtures/app-entrypoint-css/src/pages/unrelated.astro
@@ -0,0 +1,8 @@
+<html>
+ <head>
+ <title>Unrelated page</title>
+ </head>
+ <body>
+ <h1>I shouldn't have styles</h1>
+ </body>
+</html>