Add external vue for testing

userfrosting · Jun 10, 2024 · f6257ec · f6257ec
1 parent c8b5ecd
commit f6257ec
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 3 deletions.
diff --git a/app/assets/components/NavBar.vue b/app/assets/components/NavBar.vue
@@ -11,6 +11,7 @@ const { logout } = useLogoutApi(auth)
     <UFNavBar title="Userfrosting">
         <UFNavBarItem :to="{ name: 'home' }" label="Home" />
         <UFNavBarItem :to="{ name: 'about' }" label="About" />
+        <UFNavBarItem to="/alert" label="Alert" />
         <UFNavBarItem to="/resources" label="Api Test" />
         <UFNavBarItem to="/auth" label="Login Test" />
         <UFNavBarUserCard

diff --git a/app/assets/router/index.js b/app/assets/router/index.js
@@ -18,6 +18,11 @@ const router = createRouter({
                     name: 'about',
                     component: () => import('../views/AboutView.vue')
                 },
+                {
+                    path: '/alert',
+                    name: 'alert',
+                    component: () => import('@userfrosting/theme-pink-cupcake-example/src/views/DashboardAlerts.vue')
+                },
                 {
                     path: '/resources',
                     name: 'api',

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -5,6 +5,7 @@
     "description": "UserFrosting Vue Demo",
     "dependencies": {
         "@userfrosting/theme-pink-cupcake": "^0.2.0",
+        "@userfrosting/theme-pink-cupcake-example": "git+https://github.com/userfrosting/theme-pink-cupcake-example.git",
         "axios": "^1.5.0",
         "pinia": "^2.1.6",
         "pinia-plugin-persistedstate": "^3.2.0",

diff --git a/webpack.config.js b/webpack.config.js
@@ -17,6 +17,11 @@ Encore
     .cleanupOutputBeforeBuild()
     .enableBuildNotifications()
     .enableTypeScriptLoader()
+    // Allow typescript to parse vue components imported from source
+    // eg.: @userfrosting/theme-pink-cupcake-example/src/views/DashboardAlerts.vue
+    .configureLoaderRule('typescript', loaderRule => {
+        loaderRule.exclude = undefined
+    })
     .enableSourceMaps(!Encore.isProduction())
     .enableVersioning(Encore.isProduction())
     .enableVueLoader(() => {}, {