chore: tweaks

e2e/docs/.vuepress/config.ts

@@ -3,7 +3,7 @@ import { viteBundler } from '@vuepress/bundler-vite'
 import { webpackBundler } from '@vuepress/bundler-webpack'
 import { defineUserConfig } from 'vuepress'
 import { path } from 'vuepress/utils'
-import { testPlugin } from './plugins/testPlugin.js'
+import { fooPlugin } from './plugins/foo/fooPlugin.js'
 import { e2eTheme } from './theme/node/e2eTheme.js'
 
 const E2E_BASE = (process.env.E2E_BASE ?? '/') as '/' | `/${string}/`
@@ -82,5 +82,5 @@ export default defineUserConfig({
     }
   },
 
-  plugins: [testPlugin],
+  plugins: [fooPlugin],
 })

e2e/docs/.vuepress/plugins/testPlugin.js → e2e/docs/.vuepress/plugins/foo/fooPlugin.ts

@@ -2,7 +2,10 @@ import { getDirname, path } from 'vuepress/utils'
 
 const __dirname = getDirname(import.meta.url)
 
-export const testPlugin = {
+export const fooPlugin = {
   name: 'test-plugin',
-  clientConfigFile: path.resolve(__dirname, './clientConfig.js'),
+  clientConfigFile: path.resolve(
+    __dirname,
+    './nonDefaultExportClientConfig.js',
+  ),
 }

e2e/docs/.vuepress/plugins/foo/nonDefaultExportClientConfig.js

@@ -0,0 +1,2 @@
+// test non-default-export clientConfig
+import './test.css'

e2e/docs/.vuepress/plugins/foo/test.css

@@ -0,0 +1,3 @@
+#non-default-export {
+  font-size: 123px;
+}

e2e/docs/client-config/non-default-export.md

@@ -0,0 +1 @@
+# non-default-export

e2e/tests/client-config/non-default-export.spec.ts

@@ -0,0 +1,11 @@
+import { expect, test } from '@playwright/test'
+
+test('should apply styles correctly if the client config file does not have default export', async ({
+  page,
+}) => {
+  await page.goto('client-config/non-default-export.html')
+  await expect(page.locator('#non-default-export')).toHaveCSS(
+    'font-size',
+    '123px',
+  )
+})