You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/docs/workers/frameworks/framework-guides/vue.mdx
+11-5Lines changed: 11 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,14 +17,14 @@ In this guide, you will create a new [Vue](https://vuejs.org/) application and d
17
17
18
18
## 1. Set up a new project
19
19
20
-
Use the [`create-cloudflare`](https://www.npmjs.com/package/create-cloudflare) CLI (C3) to set up a new project. C3 will create a new project directory, initiate Vue's official setup tool, and provide the option to deploy instantly.
20
+
Use the [`create-cloudflare`](https://www.npmjs.com/package/create-cloudflare) CLI (C3) to set up a new project. C3 will create a new project directory, use code from the official Vue template, and provide the option to deploy instantly.
21
21
22
22
To use `create-cloudflare` to create a new Vue project with <InlineBadgepreset="beta" /> Workers Assets, run the following command:
23
23
24
24
<PackageManagers
25
25
type="create"
26
26
pkg="cloudflare@latest my-vue-app"
27
-
args={"--framework=vue --experimental"}
27
+
args={"--framework=vue --platform=workers"}
28
28
/>
29
29
30
30
<Render
@@ -48,16 +48,22 @@ After you have created your project, run the following command in the project di
48
48
49
49
<PackageManagerstype="run"args={"dev"} />
50
50
51
-
## 3. Deploy your Project
51
+
## 3. Deploy your project
52
52
53
53
Your project can be deployed to a `*.workers.dev` subdomain or a [Custom Domain](/workers/configuration/routing/custom-domains/), from your own machine or from any CI/CD system, including [Cloudflare's own](/workers/ci-cd/builds/).
54
54
55
-
The following command will build and deploy your project. If you're using CI, ensure you update your ["deploy command"](/workers/ci-cd/builds/configuration/#build-settings) configuration appropriately.
55
+
The following command will build and deploy your project. If you are using CI, ensure you update your ["deploy command"](/workers/ci-cd/builds/configuration/#build-settings) configuration appropriately.
56
56
57
57
<PackageManagerstype="run"args={"deploy"} />
58
58
59
59
---
60
60
61
61
## Static assets
62
62
63
-
You can serve static assets your Vue application by placing them in [the `./public/` directory](https://www.gatsbyjs.com/docs/how-to/images-and-media/static-folder/). This can be useful for resource files such as images, stylesheets, fonts, and manifests.
63
+
You can serve static assets in your Vue application by [placing them in the `./public/` directory](https://vite.dev/guide/assets#the-public-directory). This can be useful for resource files such as images, stylesheets, fonts, and manifests.
64
+
65
+
<Renderfile="workers-assets-routing-summary" />
66
+
67
+
## Bindings
68
+
69
+
Your new project also contains a Worker (at `./server/index.ts`), which you can use as a backend API for your Vue application. From this Worker, you can use bindings to access resources on the Cloudflare Developer Platform. Learn how to [configure Workers bindings](/workers/runtime-apis/bindings/).
0 commit comments